Figma
Instalación
Creamos un nuevo proyecto
Interfaz
Comandos básicos
Comando F - Frame/div
Comando A - Artboard
Comando T - Texto
Comando cmd + G - Group
Comando cmd + alt - Componente
| Colores | 5 colores |
| Tipografía | Typescale |
| Componentes UI | Botones, imágenes, íconos |
Vamos a crear un artboard para cada uno de los siguientes elementos:
Colores
- Crea una paleta de colores
- Organiza los colores por grupos
- Toma nota del contexto de tu elección
negro
#000000
Default texto
gris
#444444
Border color
gris claro
#AAAAAA
Background color
brand-naranja
#E69138
Primario, brand
brand-azul
#1C4587
Secundario, brand
Tipografía
- Tamaños: font-size
- Peso: font-weight
- Typeface: font-family
- Pairing
UI Components
- Bloques
- Componentes
- Templates
Iconos, botones, headings / Átomos
Cards, CTA / Moléculas
Secciones / Organismos