Descargar

150 design systems..

Design systems anclados a la marca que los plugins pueden adoptar vía `od.craft.requires`. Cada uno trae paleta, tipografía, motion y voz; conecta un proyecto a un sistema y cada salida de plugin hereda la misma identidad.

¿Qué es un sistema de diseño?

Un sistema de diseño es un conjunto reutilizable de fundamentos de marca — paleta de colores, tipografía, espaciado, motion y voz — que mantiene la coherencia en todas las pantallas. En Open Design cada sistema de diseño es un plugin: conecta un proyecto a uno y tu agente de codificación hereda automáticamente la paleta, la tipografía, el motion y la voz, de modo que todo lo que genere se mantenga acorde a la marca.

Cada sistema es un archivo DESIGN.md

Cada sistema de diseño aquí es un único DESIGN.md: una especificación en markdown legible por personas y por agentes que captura el tema visual de la marca, los roles de color, la escala tipográfica y el lenguaje de interacción. Vive en tu repositorio, se versiona en git y viaja con tu proyecto.

Apunta Claude Code, Cursor o cualquier agente de programación al archivo y cada componente, página y recurso que genere hereda la misma identidad. DESIGN.md es un formato abierto con licencia Apache-2.0; Open Design es la biblioteca y las herramientas de código abierto y local-first construidas en torno a él.

# Design System Inspired by Linear

> Category: Productivity
> Focused, low-chrome workspace. Inter, tight grid, restrained color.

## 1. Visual Theme & Atmosphere
A calm, dense product surface where typography and spacing
carry the hierarchy and color is used sparingly for intent.

## 2. Color Palette & Roles
### Primary
- **Ink** (`#0d0e10`): Primary text and dark surfaces.
- **Violet** (`#5e6ad2`): Action and focus accent.
- **Surface** (`#f4f5f8`): Light canvas for content blocks.
Un extracto de DESIGN.md
  1. 01

    Elige un sistema

    Explora la biblioteca de arriba y abre cualquier sistema para leer su DESIGN.md completo: paleta, tipografía, movimiento y voz.

  2. 02

    Añádelo a tu proyecto

    Guarda el DESIGN.md en la raíz de tu repositorio. Es markdown puro: sin paso de compilación, sin cuenta, sin exportación.

  3. 03

    Apunta tu agente hacia él

    Dile a Claude Code o Cursor que siga DESIGN.md, y cada resultado se mantiene coherente con la marca.

DESIGN.md es un formato abierto (Apache-2.0). Los sistemas de Open Design son libres de leer, bifurcar y contribuir en GitHub.

Preguntas frecuentes

  • ¿Qué es un sistema de diseño?

    Un sistema de diseño es una única fuente de verdad para el lenguaje visual de una marca: paleta, tipografía, espaciado, movimiento y tono, de modo que cada pantalla y recurso se sienta como un solo producto coherente.

  • ¿Qué es un archivo DESIGN.md?

    DESIGN.md es un formato abierto basado en markdown para describir un sistema de diseño de una manera que tanto las personas como los agentes de programación con IA puedan leer. Captura roles de color, escala tipográfica y patrones de interacción como texto plano que guardas en tu repositorio.

  • ¿Cómo uso un DESIGN.md con Claude Code o Cursor?

    Guarda el archivo en la raíz de tu proyecto y dile a tu agente que lo siga. Open Design también puede vincular un proyecto a un sistema para que cada resultado de los plugins herede la misma identidad automáticamente.

  • ¿Son gratuitos estos sistemas de diseño?

    Sí. Cada sistema aquí es de código abierto y libre de leer, descargar, bifurcar y contribuir. Open Design en sí mismo es Apache-2.0 y local-first.

  • ¿Cuántos sistemas de diseño hay?

    150 y sumando, abarcando tecnología de consumo, estilos editoriales y experimentales. Llegan nuevos sistemas con regularidad, y puedes aportar el tuyo en GitHub.

  • ¿Puedo crear mi propio DESIGN.md?

    Sí: escribe un DESIGN.md a mano, o deja que Open Design genere uno a partir de un sitio de referencia, y luego reutilízalo en cada proyecto y agente.