Introducir sistemas de diseño a la IA
Desarrollado por Google Labs, DESIGN.md proporciona una especificación de formato estructurado para pasar credenciales visuales a agentes de codificación. Este estándar garantiza que los agentes de inteligencia artificial comprendan los sistemas de diseño de manera consistente y permanente.
Actualizaciones
- 2 de octubre de 2026: Estrellas 26,873 → 28,217, última versión 0.4.0 (27 de julio de 2026).
- 2 de agosto de 2026: Estrellas 17,720 → 26,873, última versión 0.4.0 (27 de julio de 2026).
Qué aporta
- Almacena decisiones de diseño en formato estructurado.
- Proporciona una guía visual consistente para los agentes codificadores.
- Comprueba automáticamente si hay errores e inconsistencias en el diseño.
Instalación
npm install @google/design.mdnpm install "@google/design.md"Ejecución
npx @google/design.md lint DESIGN.mdnpx @google/design.md diff DESIGN.md DESIGN-v2.mdSi no programa
Revisar el archivo DESIGN.md que define la identidad visual y el sistema de diseño de mi proyecto. Cíñete a esta estructura en todos los códigos que crees haciendo referencia a la paleta de colores, las reglas de tipografía, los valores de espacio y las definiciones de componentes en este archivo. Utilice valores directamente del sistema de diseño y evite crear inconsistencias visuales.
Repositorio: https://github.com/google-labs-code/design.md. Sigue las instrucciones oficiales del archivo README de este repositorio para la instalación y ejecución.
Antes de empezar, comprueba en qué sistema operativo estamos y si las herramientas necesarias (ej. Python, Node.js, Git, Docker) están instaladas. Instala las que falten paso a paso según este sistema.
Crea una carpeta nueva y vacía para trabajar. No toques ningún archivo fuera de esta carpeta y no borres nada. Antes de ejecutar cada comando, dime qué vas a hacer en una frase.
Dime qué debería ver en la pantalla al final de cada paso. Si ocurre un error, te pegaré el mensaje de error tal cual y lo solucionaremos juntos.
Términos relacionados del glosario
Enlaces
TreScout no desarrolló esta herramienta · la encontramos en las tendencias de GitHub y la presentamos. Esta página describe el repositorio tal como estaba el 2026-06-25: El número de estrellas y nuestro texto son de ese día, el repositorio puede haber cambiado desde entonces. Consulte el enlace del repositorio para ver el estado actual. El texto de presentación se preparó con IA a partir de la propia documentación del repositorio y esta página se tradujo automáticamente del original en turco · prevalece la versión turca.