Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 1 Monat •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 3 Jahren

📚 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 Aufrufe • vor 3 Jahren

¿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,996 Aufrufe • vor 5 Monaten

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,966 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 6 Monaten

¡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,883 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 10 Monaten

Claude Fable 5 es una auténtica maravilla para el diseño web Este chico acaba de publicar una guía completa sobre cómo diseñar y crear sitios web 3D interactivos y animados con Claude Code + Fable 5 Mira el vídeo y lee la guía completa en el artículo de abajo
13:31

Claude Fable 5 es una auténtica maravilla para el diseño web Este chico acaba de publicar una guía completa sobre cómo diseñar y crear sitios web 3D interactivos y animados con Claude Code + Fable 5 Mira el vídeo y lee la guía completa en el artículo de abajo

Raúl | Productividad & IA

50,366 Aufrufe • vor 1 Monat

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 Aufrufe • vor 2 Jahren

¡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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Monaten

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

112,412 Aufrufe • vor 3 Tagen

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 1 Monat