Skip to main content
Las directrices de diseño te permiten establecer reglas permanentes—colores, tipografía, espaciado, convenciones de componentes—que Flowstep aplica a cada generación y edición de AI en un archivo. En lugar de repetir “usa nuestro tema azul” en cada prompt, escríbelo una vez y el AI lo seguirá de ahí en adelante.

​
Edita tus directrices de diseño

1

Abre el modal de Design guidelines

En el encabezado del panel de chat, haz clic en el botón Edit design guidelines. El modal Design guidelines se abre con un editor de texto DESIGN.md.
2

Escribe o importa tus directrices

Escribe tus directrices directamente, o arrastra y suelta un archivo .md en el editor para importarlo. El formato sigue el estándar abierto design.md de Google—front matter YAML opcional (claves reconocidas: version, name, description, colors, typography, rounded, spacing, components) seguido de secciones Markdown.
3

Guarda

Haz clic en Save changes. De ahora en adelante, cada generación y edición en este archivo usa tus directrices como contexto obligatorio.
Las directrices se aplican solo a la salida futura—los diseños existentes permanecen como están. Se limitan al archivo actual y no se transfieren a otros archivos.

​
Bueno saberlo

  • Límite de longitud—las directrices pueden tener hasta 50,000 caracteres. Los archivos importados más allá de eso se truncan.
  • Validación—los errores estructurales (front matter YAML sin cerrar, encabezamientos ## duplicados) impiden guardar. Los problemas más leves, como claves YAML no reconocidas o colores que no son códigos hex válidos, muestran advertencias pero aún se guardan.
  • Exportar—usa los botones Copy raw file y Download en el modal para copiar o descargar tu DESIGN.md.
  • Eliminar directrices—borra el campo de texto y guarda para eliminar las directrices de ese archivo.

​
Flowstep actualiza las directrices por ti

Cuando das una instrucción de estilo permanente en un prompt—por ejemplo, “de ahora en adelante, usa un tema azul”—Flowstep lo detecta y actualiza tus directrices de diseño automáticamente, confirmando en el chat: “Updated your design guidelines to use [style] for future generations.” Las solicitudes puntuales como “hazlo azul” no cambian las directrices; solo afectan esa generación.

​
Directrices de diseño sobre MCP

Si trabajas a través del servidor MCP, las herramientas get-design-guidelines, update-design-guidelines y delete-design-guidelines leen y escriben las mismas directrices—para que tu flujo de trabajo IDE y la aplicación web permanezcan sincronizados. Consulta la referencia de Herramientas.