Stitch
Visitar el sitioGenera diseños de interfaces y código frontend a partir de texto, bocetos y capturas de pantalla.
Verificado el 3 nov 2026
¿Qué es Stitch?
Stitch es un experimento de Google Labs que utiliza Gemini 2.5 Pro para generar diseños de interfaces de usuario y código frontend a partir de texto o imágenes. Ayuda a diseñadores y desarrolladores a pasar de una idea inicial para una aplicación a una interfaz visual que pueden ajustar y llevar a desarrollo.
Se puede describir una aplicación en inglés cotidiano, incluida su paleta de colores y la experiencia de usuario deseada, o subir un boceto, una captura de pantalla o un wireframe como punto de partida. Stitch genera diseños de interfaces a partir de esas indicaciones y permite hacer ajustes mediante un chat interactivo, imágenes y selectores de temas. También permite crear varias versiones para comparar la distribución, los componentes y los estilos.
Los diseños generados se pueden pegar en Figma para seguir editándolos y colaborar con otras personas. Stitch también exporta código frontend basado en el diseño. Se centra en generar y ajustar interfaces, no en desarrollar el backend de una aplicación.
¿Qué puede hacer Stitch?
Generación de interfaces a partir de texto
Permite describir una aplicación, sus colores y la experiencia deseada para generar una interfaz visual.
Diseño a partir de imágenes
Permite subir un boceto, una captura de pantalla o un wireframe para generar una interfaz digital a partir de esa referencia.
Ajustes mediante conversación
Permite ajustar los diseños generados mediante un chat interactivo, imágenes y selectores de temas.
Variantes de diseño
Genera varias versiones de una interfaz para explorar distintas distribuciones, componentes y estilos.
Paste to Figma
Permite trasladar los diseños generados a Figma para seguir ajustándolos y trabajar en colaboración.
Exportación de código frontend
Exporta código frontend basado en una interfaz generada para continuar con el desarrollo.
¿Para quién es Stitch?
- Diseñadores de UI
- Permite explorar conceptos de interfaces y trasladar los diseños generados a Figma para seguir editándolos.
- Desarrolladores frontend
- Convierte descripciones de aplicaciones o referencias visuales en diseños de interfaces y código frontend.
Preguntas frecuentes
¿Qué puedo usar como punto de partida para generar un diseño?
Puedes usar descripciones en inglés cotidiano o subir imágenes, como bocetos, capturas de pantalla y wireframes.
¿Puedo editar los diseños de Stitch en Figma?
Sí. Stitch incluye una función para pegar los diseños en Figma y seguir ajustándolos y trabajando en colaboración.
¿Stitch genera código?
Sí. Genera y exporta código frontend a partir del diseño de la interfaz.
Alternativas a Stitch
Comparar alternativas- 1
UizardConvierte texto, capturas y bocetos en diseños de UI editables y prototipos. - 2
FigmaDiseña interfaces, crea aplicaciones y sitios web y colabora con IA en un espacio compartido. - 3
CanvaCrea presentaciones, gráficos, fotos y vídeos con herramientas de diseño asistidas por IA. - 4
Claude DesignCrea y ajusta diseños de marca, presentaciones y maquetas de interfaces con Claude. - 5
Converge.AIAgentes de IA para desarrollar aplicaciones y crear imágenes, diseños y vídeos de marketing.
Más en Diseño gráfico con IA
Ver más
LOGO.com
Generadores de logos
Crea y personaliza logotipos con IA, materiales de marca y un sitio web a juego.
LogoAI
Generadores de logos
Genera logos, kits de marca e imágenes y vídeos de marca con IA.
Playground
Diseño gráfico con IA
Crea y edita logos, gráficos para productos, carteles e imágenes para redes sociales con IA.
SciDraw AI
Generadores de imágenes
Genera ilustraciones científicas y gráficos de datos con exportación a formatos editables.
SciFig
Diseño gráfico con IA
Crea ilustraciones científicas, gráficos de datos y diagramas de flujo con IA.
Recraft
Generadores de imágenes
Genera y edita imágenes, vectores y mockups con estilos visuales reutilizables.