En aquest tema, aprendrem com utilitzar graelles i dissenys a Figma per crear dissenys coherents i ben estructurats. Les graelles i els dissenys són eines essencials per a qualsevol dissenyador, ja que ajuden a alinear i organitzar els elements de manera eficient.

• Graelles: Són estructures de línies horitzontals i verticals que ajuden a alinear els elements en un disseny. Les graelles poden ser simples o complexes, depenent de les necessitats del projecte.
• Dissenys: Es refereixen a l'organització i distribució dels elements dins d'un espai de treball. Els dissenys poden incloure l'ús de graelles, però també altres tècniques com l'ús de columnes, marges i espais.

• Consistència: Asseguren que els elements estiguin alineats i espaiats de manera uniforme.
• Eficiència: Faciliten el procés de disseny, ja que proporcionen una estructura clara per col·locar elements.
• Flexibilitat: Permeten ajustar fàcilment el disseny per a diferents mides de pantalla i dispositius.

1. Selecciona el Marc: Abans de configurar una graella, assegura't de tenir un marc seleccionat.
2. Accedeix a les Opcions de Graella:
   • A la barra lateral dreta, sota la secció de "Disseny", trobaràs l'opció per afegir una graella.
3. Configura la Graella:
   • Pots triar entre diferents tipus de graelles: quadrícula, columnes o files.
   • Ajusta la mida de la cel·la, el color i l'opacitat segons les teves necessitats.

Els dissenys de columna són especialment útils per a dissenys responsius, ja que permeten ajustar fàcilment el contingut per a diferents amplades de pantalla.

Objectiu: Crear un disseny de pàgina web utilitzant una graella de columnes.

1. Crea un nou marc amb una amplada de 1440 píxels.
2. Afegeix una graella de columnes amb 12 columnes i un espai de 20 píxels entre elles.
3. Dissenya una capçalera amb un logotip a l'esquerra i un menú de navegació a la dreta, utilitzant les columnes per alinear els elements.
4. Afegeix una secció de contingut principal amb un títol i un paràgraf de text, alineats segons la graella.

Les graelles i els dissenys són eines fonamentals per crear dissenys coherents i responsius a Figma. Amb la pràctica, podràs utilitzar aquestes eines per millorar l'eficiència i la qualitat dels teus projectes de disseny. En el proper tema, explorarem com crear i gestionar components per reutilitzar elements de disseny de manera eficient.