> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Establece directrices de diseño para mantener cada generación de Flowstep en marca

> Define directrices de diseño a nivel de archivo en formato DESIGN.md—colores, tipografía, espaciado y convenciones que guíen cada generación y edición de AI en el archivo.

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

<Steps>
  <Step title="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`.
  </Step>

  <Step title="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.
  </Step>

  <Step title="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.
  </Step>
</Steps>

<Note>
  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.
</Note>

## 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](/es/mcp/overview), 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](/es/mcp/tools).