← Todas las categorías// design

Las mejores herramientas de IA de código abierto para diseño

Diseño asistido por IA, interfaces y herramientas creativas.

63 herramientas · 💎 31 joyas ocultas

// empieza aquí

Empieza aquí

Los proyectos con más estrellas de esta categoría, más una selección rotativa de otros tres de la lista: se renueva para que todo el catálogo tenga su turno en el escaparate.

Diseño

Excalidraw

Excalidraw — the virtual whiteboard with the hand-drawn look: infinite canvas, real-time collaboration and end-to-end encrypted sharing, MIT-licensed

★ 134,0k estrellasMIT
Ver la guía →
Diseño

Screenshot To Code

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

★ 80,0k estrellasMIT
Ver la guía →
Diseño

archify

Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill

★ 79,8k estrellasMIT
Ver la guía →
Diseño

dingtalk-workspace-cli

DingTalk Workspace is an officially open-sourced cross-platform CLI tool from DingTalk. It unifies DingTalk’s full suite of product capabilities into a singl…

★ 3,2k estrellasApache-2.0
Ver la guía →
Diseño

whiteboard

open-source canvas for thoughtful software design

★ 2,7k estrellasMIT
Ver la guía →
Diseño

figma-console-mcp

Your design system as an API — an MCP server that connects AI to Figma for extraction, creation and debugging

★ 2,5k estrellasMIT
Ver la guía →

Más categorías: VídeoImagenAudioMúsica con IAIA 3DRecortesLLM localChat con IAAgentes de IARAG y conocimientoAutomatizaciónProductividadHerramientas de desarrolloEscrituraAutohospedadoInstalación fácil

// sobre esta categoría

Las mejores herramientas de IA de código abierto para diseño

Las herramientas de diseño de aquí combinan la IA con el flujo creativo: generadores de interfaces que convierten descripciones o capturas en maquetas y código, ayudantes de recursos e iconos, y asistentes que viven dentro de las herramientas que los diseñadores ya usan.

La división práctica está entre herramientas que producen puntos de partida — esquemas, variantes, estructuras front-end básicas — y herramientas que aceleran el proceso del propio diseñador. Trata la interfaz generada como un borrador que dirigir, no como un entregable, y la categoría te servirá bien.

Cómo elegir

  • Si lanzas producto, favorece las herramientas que exportan código real o archivos de diseño estándar frente a las que solo dan imágenes.
  • La coherencia es la prueba: una buena herramienta respeta tus componentes y estilos existentes en lugar de inventar otros nuevos.
  • Las herramientas de captura a interfaz se juzgan mejor con tu pantalla más fea, no con los ejemplos de su galería.
// preguntas frecuentes

Preguntas frecuentes

¿Qué herramientas de diseño de código abierto se incluyen aquí?

Esta página reúne 63 proyectos de diseño de código abierto seleccionados por LibreAI: Diseño asistido por IA, interfaces y herramientas creativas. Cada uno está verificado en GitHub y tiene su propia página guía con una descripción, pasos de instalación, casos de uso y preguntas frecuentes.

¿Estas herramientas de diseño son gratuitas?

Sí. Toda herramienta aquí es de código abierto y gratuita para descargar y usar bajo su propia licencia: la mayoría usa MIT, Apache-2.0 o GPL-3.0, y cualquier licencia personalizada de código disponible está señalada en la página de la herramienta. Comprueba el archivo LICENSE antes de un uso comercial.

¿LibreAI aloja estas herramientas?

No. LibreAI publica solo guías; desde este sitio no se sirve ninguna descarga. Toda instalación procede del repositorio oficial de GitHub del proyecto.

¿Cómo instalo una herramienta de diseño desde esta página?

Abre la guía de la herramienta y sigue su sección «Ejecútalo tú mismo» — los pasos proceden de la documentación del propio proyecto — o usa el botón «Ver en GitHub» para ir directamente al repositorio oficial.

¿Cómo se eligieron estas herramientas?

Cada proyecto se verifica en directo a través de la API de GitHub — estrellas, bifurcaciones, licencia y actividad reciente — y se lista solo si tiene impulso real y una comunidad activa.

¿Pueden las herramientas de diseño con IA producir interfaces listas para producción?

Producen primeros borradores sólidos: maquetas, variantes y código front-end básico. La calidad de producción sigue necesitando la pasada de un diseñador en espaciado, estados y casos límite, y las herramientas que exportan código real o archivos estándar son las que encajan en un flujo profesional.

¿Sustituyen estas herramientas a un diseñador?

Sustituyen el lienzo en blanco, no al diseñador. Su mejor uso es la velocidad: explorar diez direcciones en el tiempo que antes llevaba una, y dejar que el criterio humano elija y refine.