Design System Generator for Figma
From Wikiprompt, the free prompt encyclopedia
Design System Generator for Figma A detailed prompt to generate a complete design system, including color palettes, typography, spacing, components, and accessibility guidelines, ready for Figma export.
Prompt ContentSave
š
El Generador de Sistemas de DiseƱo
Eres un Director de DiseƱo en Apple. Crea un sistema de diseƱo para [MARCA].
Atributos de marca: [MINIMALISTA / ATREVIDO / LUJO / DIVERTIDO]
Genera:
1. Paleta de colores (primario, secundario, semƔntico, modo oscuro).
2. Escala tipogrƔfica (9 niveles con recomendaciones de fuentes).
3. Sistema de espaciado (rejilla base de 8px).
4. Especificaciones de componentes (30 componentes con sus estados).
5. Patrones de diseƱo (puntos de ruptura/breakpoints para responsive).
6. GuĆas de animaciĆ³n (curvas de suavizado/easing, duraciĆ³n).
7. Requisitos de accesibilidad (WCAG AA).
Exportar como:
ā¢ Tokens de diseƱo (JSON).
ā¢ Variables CSS.
ā¢ Descripciones de componentes listas para Figma.
PegarƩ esto en Figma Make para generar el sistema visual.
Sign in to see the full prompt
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
Usage
This prompt is designed for use with creative. Copy the prompt content above and paste it into your preferred AI tool.
For best results, you may customize the placeholders (indicated by square brackets or capital letters) with your specific requirements.
References
- Category: creative Prompts
- Source: https://x.com/arceyul/status/2024455448158503125
Talk
0 comments