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

329,357 subscribers

133,946 views • 13 days 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,362 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 • 2 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,930 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

90,838 views • 3 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

105,848 views • 5 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,600 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,681 views • 5 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,810 views • 7 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,451 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 • 9 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

38,739 views • 1 year ago

Así te miente el eunuco de Jorge Rial en C5N... Se les cae otra opereta falopa.... El diseño del tatuaje ESTÁ REGISTRADO por el artista michaelwpg y no se llama LIBRA, se llama Moneys Power (
3:26

Así te miente el eunuco de Jorge Rial en C5N... Se les cae otra opereta falopa.... El diseño del tatuaje ESTÁ REGISTRADO por el artista michaelwpg y no se llama LIBRA, se llama Moneys Power (

Traductor 🥹💕💐

19,129 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,096 views • 2 months ago

Los 3 cursos de Google para aprender desarrollo web desde cero: HTML, CSS y JavaScript ↓
0:21

Los 3 cursos de Google para aprender desarrollo web desde cero: HTML, CSS y JavaScript ↓

Brais Moure

20,946 views • 9 months ago

From Figma / Adobe XD / Sketch to => HTML / React /Vue
1:02

From Figma / Adobe XD / Sketch to => HTML / React /Vue

Anima

2,823,801 views • 3 years 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 • 19 days 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,818 views • 15 days ago

Delincuente se roba una moto en el sector de Guayacanes.
0:33

Delincuente se roba una moto en el sector de Guayacanes.

Emergencias Ec

20,100 views • 1 year ago

¡Brutal lo nuevo de Google! Si el diseño se te atraganta al crear una web o app, Stitch te va a salvar. 🎨 Genera UI con IA ⚡ Prototipos interactivos rápidos 📐 Sistema de diseño portable a Figma 🎤 Uso por voz para hacer cambios al vuelo ¿Lo mejor? Lo puedes probar sin coste.
1:27

¡Brutal lo nuevo de Google! Si el diseño se te atraganta al crear una web o app, Stitch te va a salvar. 🎨 Genera UI con IA ⚡ Prototipos interactivos rápidos 📐 Sistema de diseño portable a Figma 🎤 Uso por voz para hacer cambios al vuelo ¿Lo mejor? Lo puedes probar sin coste.

Miguel Ángel Durán

99,929 views • 3 months ago