Better Design
Un arnés de diseño para agentes de codificación de IA: sistemas de diseño, principios de diseño, iconos y revisión de UI.
Ver en better-design.comPrueba este MCPPatrocinado
Servidor MCP alojado
npx add-mcp 'https://better-design.com/api/mcp'Se instala en Claude Code, Codex, Cursor y más
Documentación
Better Design
Better Design es la capa de gobernanza que ayuda a los agentes de codificación a entregar interfaces pulidas y accesibles sin desviaciones visuales.
Better Design está diseñado para equipos liderados por desarrolladores, centrados en IA y con mucho código. Conecta al agente de codificación con DESIGN.md, tokens semánticos, componentes editables, guías de UI y UX, y evidencia de revisión.
No reemplaza el criterio de diseño humano ni las herramientas de diseño completas. Las personas siguen siendo responsables de las decisiones de producto, marca e interacción.
Dónde encaja Better Design
- Las personas definen la intención del producto y utilizan herramientas de diseño completas para exploración, prototipado y colaboración.
- DESIGN.md, tokens, componentes y archivos de diseño registran las fuentes aprobadas.
- Better Design recupera el contexto relevante, guía al agente de codificación y revisa la interfaz generada.
- Las pruebas, las comprobaciones del navegador y la revisión humana deciden si la interfaz puede publicarse.
Qué gobierna
- Flujos de trabajo de diseño a código
- Tokens de diseño y tematización
- Cambios de interfaz en sistemas existentes
- Revisión de accesibilidad y consistencia
Comienza con Better Design
- Guía de instalación: https://better-design.com/mcp/install
- Sistemas de diseño: https://better-design.com/design-systems
- Resumen del agente: https://better-design.com/llms.txt