Loading video...

Video Failed to Load

Go Home

Roba el diseño de cualquiera web y transforma el HTML en Figma con una extensión. Se llama HTML to Design.

midudev's profile picture

Miguel Ángel Durán

331,302 subscribers

137,717 views • 2 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

¡A ver qué te parece este efecto de Hover en 3D! Con sólo HTML y CSS, para subir el nivel de tu web:
0:58

¡A ver qué te parece este efecto de Hover en 3D! Con sólo HTML y CSS, para subir el nivel de tu web:

Miguel Ángel Durán

117,369 views • 3 years ago

La herramienta de diseño 100% open source de las 45.400 estrellas en GitHub QUE SE COME CON PAPA FRITAS A FIGMA. [Penpot] ✅ Colaboración en tiempo real (diseñadores + devs) ✅ Exporta código real (HTML, CSS, SVG) sin plugins raros ✅ Sin límites de archivos, usuarios ni nada ✅ Self-hostable (lo pones en tu servidor y es tuyo) ✅ Totalmente GRATIS para siempre El drama de los handoffs se acabó. El futuro del diseño es libre. REPOOO👇
0:43

La herramienta de diseño 100% open source de las 45.400 estrellas en GitHub QUE SE COME CON PAPA FRITAS A FIGMA. [Penpot] ✅ Colaboración en tiempo real (diseñadores + devs) ✅ Exporta código real (HTML, CSS, SVG) sin plugins raros ✅ Sin límites de archivos, usuarios ni nada ✅ Self-hostable (lo pones en tu servidor y es tuyo) ✅ Totalmente GRATIS para siempre El drama de los handoffs se acabó. El futuro del diseño es libre. REPOOO👇

Erick

39,068 views • 4 months ago

CREA esta INCREÍBLE galería de imágenes para tu página web... ¡Sólo con HTML y CSS! En menos de un minuto:
0:44

CREA esta INCREÍBLE galería de imágenes para tu página web... ¡Sólo con HTML y CSS! En menos de un minuto:

Miguel Ángel Durán

162,974 views • 3 years ago

📚 Notas de análisis sobre diseño y desarrollo web explicadas por Brad Woods de forma sencilla y directa: 🍋 JavaScript 🎨 CSS y HTML 🏎️ Performance 👾 SVG
0:25

📚 Notas de análisis sobre diseño y desarrollo web explicadas por Brad Woods de forma sencilla y directa: 🍋 JavaScript 🎨 CSS y HTML 🏎️ Performance 👾 SVG

Carmen Ansio

25,895 views • 3 years ago

¿Tienes una idea millonaria para una app, pero no sabes diseñar? 💡📱 Stitch es la herramienta GRATUITA de Google que genera interfaces y código real a partir de las ideas que escribes. Así funciona: ✅ Sube una foto de tu boceto y la IA lo convertirá en una página web. ✅ Edita el diseño simplemente hablando con la IA. ✅ Exporta el resultado directo a Google AI Studio o HTML. Empieza aquí: 🔗
0:34

¿Tienes una idea millonaria para una app, pero no sabes diseñar? 💡📱 Stitch es la herramienta GRATUITA de Google que genera interfaces y código real a partir de las ideas que escribes. Así funciona: ✅ Sube una foto de tu boceto y la IA lo convertirá en una página web. ✅ Edita el diseño simplemente hablando con la IA. ✅ Exporta el resultado directo a Google AI Studio o HTML. Empieza aquí: 🔗

Google en español

91,034 views • 5 months ago

Google ha lanzado Stitch, para generar diseños de webs y apps con IA. Puedes exportar a Figma o código con HTML y Tailwind:
0:23

Google ha lanzado Stitch, para generar diseños de webs y apps con IA. Puedes exportar a Figma o código con HTML y Tailwind:

Miguel Ángel Durán

106,097 views • 7 months ago

Te estás perdiendo la mejor web de documentación en español para aprender HTML y CSS ↓
0:27

Te estás perdiendo la mejor web de documentación en español para aprender HTML y CSS ↓

Brais Moure

19,619 views • 1 year ago

La educación abre oportunidades y transforma comunidades. La entrega de la extensión de la Universidad UASD en Neiba reafirma nuestro compromiso con una educación superior que acerque el futuro a cada territorio del país. Cuando la educación llega, el desarrollo se fortalece.
1:09

La educación abre oportunidades y transforma comunidades. La entrega de la extensión de la Universidad UASD en Neiba reafirma nuestro compromiso con una educación superior que acerque el futuro a cada territorio del país. Cuando la educación llega, el desarrollo se fortalece.

Presidencia de la República Dominicana

1,001,721 views • 7 months ago

¡He creado una extensión de Visual Studio Code! Se llama Better SVG y mejora la experiencia de desarrollo con estos archivos. Previsualización siempre activa y optimiza el código en un click sin necesidad de salir del editor:
1:56

¡He creado una extensión de Visual Studio Code! Se llama Better SVG y mejora la experiencia de desarrollo con estos archivos. Previsualización siempre activa y optimiza el código en un click sin necesidad de salir del editor:

Miguel Ángel Durán

66,898 views • 9 months ago

Esta es una web interactiva para aprender los conceptos básicos de HTML, CSS y JAVASCRIPT. Puedes comprobar cómo funciona y código y realizar modificaciones en tiempo real.
0:29

Esta es una web interactiva para aprender los conceptos básicos de HTML, CSS y JAVASCRIPT. Puedes comprobar cómo funciona y código y realizar modificaciones en tiempo real.

Brais Moure

107,482 views • 2 years ago

Teoría: armas una mesa de 5 hombres y el programa se transforma en Polémica en el bar
1:56

Teoría: armas una mesa de 5 hombres y el programa se transforma en Polémica en el bar

Vorterix

39,513 views • 11 months ago

¡NOVEDAD en HTML! Cierra modales sin escribir ni una línea de JavaScript. Usa la etiqueta form dentro de la modal y el nuevo atributo closedby
0:31

¡NOVEDAD en HTML! Cierra modales sin escribir ni una línea de JavaScript. Usa la etiqueta form dentro de la modal y el nuevo atributo closedby

Miguel Ángel Durán

39,852 views • 1 year ago

Ahora puedes replicar el estilo de cualquier web en segundos Esta herramienta extrae su diseño y lo convierte en un DESIGN(.)md con colores, tipografías y componentes bien definidos Compatible con Codex, Claude Design, Google Stich, etc. Open source y 100% gratuito. Enlace abajo 👇
1:56

Ahora puedes replicar el estilo de cualquier web en segundos Esta herramienta extrae su diseño y lo convierte en un DESIGN(.)md con colores, tipografías y componentes bien definidos Compatible con Codex, Claude Design, Google Stich, etc. Open source y 100% gratuito. Enlace abajo 👇

Nico

45,448 views • 4 months ago

ESTA EXTENSIÓN DE GOOGLE CHROME EXTRAE EL SISTEMA DE DISEÑO DE CUALQUIER SITIO WEB Y LO CONVIERTE EN UN PROMPT VAS A QUERER GUARDAR ESTO PARA CLONAR PÁGINAS QUE VALEN MILES DE DÓLARES CON CLAUDE, GROK O CUALQUIER AGENTE DE IA
0:22

ESTA EXTENSIÓN DE GOOGLE CHROME EXTRAE EL SISTEMA DE DISEÑO DE CUALQUIER SITIO WEB Y LO CONVIERTE EN UN PROMPT VAS A QUERER GUARDAR ESTO PARA CLONAR PÁGINAS QUE VALEN MILES DE DÓLARES CON CLAUDE, GROK O CUALQUIER AGENTE DE IA

Regalos Digitales

119,042 views • 18 days ago

Hemos hecho en D1 una extensión para que podáis ver los partidos de Valorant y analizarlos con una pizarra interactiva. Os dejo abajo el enlace de la extensión ⬇️
0:37

Hemos hecho en D1 una extensión para que podáis ver los partidos de Valorant y analizarlos con una pizarra interactiva. Os dejo abajo el enlace de la extensión ⬇️

Lucas Rojo

15,046 views • 2 months ago

ANTHROPIC ACABA DE CERRAR LA BRECHA ENTRE DISEÑO Y CODIGO Claude Design recibio una actualizacion mayor y ya no es solo un generador de diseños Ahora conecta todo el flujo → Importa tu sistema de diseno desde el repo o el codigo base y lo respeta en cada output → Edicion directa en el canvas: drag, resize y alineacion sin salir de la herramienta → Sincronizacion bidireccional con Claude Code, disenas en Claude Design y sincronizas desde Claude Code con /design-sync → Exportacion a PDF y PowerPoint para los que trabajan con herramientas existentes Y el modo de edicion es lo mas interesante Tiene dos tabs: → Simple: para ajustes rapidos como cambiar texto o colores → Pro: edicion por capas al estilo Figma para los que necesitan control total Y el modo Click Through deja verificar interacciones como el modo prototipo de Figma sin cambiar de pantalla Lo que antes tomaba tres herramientas distintas ahora vive en una sola
0:53

ANTHROPIC ACABA DE CERRAR LA BRECHA ENTRE DISEÑO Y CODIGO Claude Design recibio una actualizacion mayor y ya no es solo un generador de diseños Ahora conecta todo el flujo → Importa tu sistema de diseno desde el repo o el codigo base y lo respeta en cada output → Edicion directa en el canvas: drag, resize y alineacion sin salir de la herramienta → Sincronizacion bidireccional con Claude Code, disenas en Claude Design y sincronizas desde Claude Code con /design-sync → Exportacion a PDF y PowerPoint para los que trabajan con herramientas existentes Y el modo de edicion es lo mas interesante Tiene dos tabs: → Simple: para ajustes rapidos como cambiar texto o colores → Pro: edicion por capas al estilo Figma para los que necesitan control total Y el modo Click Through deja verificar interacciones como el modo prototipo de Figma sin cambiar de pantalla Lo que antes tomaba tres herramientas distintas ahora vive en una sola

Jokker

15,884 views • 2 months ago

El tarao de Rafael López Aliaga está tan desesperado y con miedo, que hará una movilización en Campo de Marte en contra del "fraude" y llama a sus seguidores y a CUALQUIERA de otros partidos para que participen. Ridículo 🗣️.
6:21

El tarao de Rafael López Aliaga está tan desesperado y con miedo, que hará una movilización en Campo de Marte en contra del "fraude" y llama a sus seguidores y a CUALQUIERA de otros partidos para que participen. Ridículo 🗣️.

Alex Febrero

11,507 views • 4 months ago