En aquest tema, explorarem la interfície de Figma per ajudar-te a familiaritzar-te amb les seves diferents parts i funcionalitats. Comprendre la interfície és essencial per treballar de manera eficient i aprofitar al màxim les capacitats de Figma.
Components Clau de la Interfície
-
Barra de Menú Superior
- Conté opcions per a fitxers, edició, visualització, i més.
- Accés a funcions com desfer, refer, i altres eines de gestió de projectes.
-
Panell de Capes (Layers)
- Situat a l'esquerra, mostra totes les capes i objectes del teu projecte.
- Permet organitzar i gestionar les capes amb facilitat.
-
Panell de Propietats (Properties)
- Situat a la dreta, mostra les propietats de l'element seleccionat.
- Inclou opcions per ajustar dimensions, colors, efectes, etc.
-
Àrea de Treball (Canvas)
- Espai central on es dissenyen els projectes.
- Permet col·locar marcs, formes, text i altres elements.
-
Barra d'Eines (Toolbar)
- Situada a la part superior, proporciona accés ràpid a eines de disseny com el llapis, rectangle, text, etc.
-
Panell d'Actius (Assets)
- Permet accedir a components, estils i altres recursos reutilitzables.
Navegació Bàsica
-
Zoom i Desplaçament
- Utilitza la roda del ratolí o els gestos tàctils per fer zoom.
- Mantingues premuda la barra espaiadora i arrossega per desplaçar-te per l'àrea de treball.
-
Selecció d'Elements
- Fes clic per seleccionar un element.
- Utilitza la tecla Shift per seleccionar múltiples elements.
Personalització de la Interfície
-
Canvi de Tema
- Figma ofereix temes clars i foscos per adaptar-se a les teves preferències visuals.
- Pots canviar el tema des de les preferències de l'usuari.
-
Organització de Panells
- Arrossega i deixa anar panells per reorganitzar-los segons les teves necessitats.
Exercici Pràctic
Objectiu: Familiaritzar-te amb la interfície de Figma.
- Obre Figma i crea un nou projecte.
- Explora cada component de la interfície:
- Identifica la barra de menú superior i explora les opcions disponibles.
- Navega pel panell de capes i intenta crear una nova capa.
- Selecciona un element a l'àrea de treball i modifica les seves propietats al panell de propietats.
- Utilitza la barra d'eines per afegir un rectangle a l'àrea de treball.
- Canvia el tema de la interfície a fosc i després torna al tema clar.
Solució de l'Exercici
- Crear un nou projecte: A la barra de menú superior, selecciona "File" > "New File".
- Explorar la barra de menú: Fes clic a cada opció per veure les funcionalitats disponibles.
- Panell de capes: Fes clic al botó "+" per afegir una nova capa.
- Modificar propietats: Selecciona el rectangle que has creat i canvia el seu color al panell de propietats.
- Canviar el tema: A la barra de menú superior, selecciona "View" > "Theme" i tria entre "Light" o "Dark".
Conclusió
Ara que has explorat la interfície de Figma, hauràs adquirit una comprensió bàsica de com navegar i utilitzar les seves eines. Aquesta base et permetrà avançar cap a la creació de dissenys més complexos i eficients. En el següent tema, aprendrem sobre les eines i funcions bàsiques de Figma per començar a dissenyar.
Prototipatge amb Figma
Mòdul 1: Introducció a Figma
- Començant amb Figma
- Comprendre la Interfície de Figma
- Eines i Funcions Bàsiques
- Creant el Teu Primer Marc
Mòdul 2: Dissenyant a Figma
- Treballant amb Formes i Text
- Utilitzant Colors i Estils
- Creant i Gestionant Components
- Utilitzant Graelles i Dissenys
Mòdul 3: Tècniques de Prototipatge Intermedi
- Introducció al Prototipatge
- Creant Components Interactius
- Utilitzant Superposicions i Transicions
- Prototipatge amb Variants
Mòdul 4: Tècniques de Prototipatge Avançades
- Tècniques d'Animació Avançades
- Utilitzant Plugins de Figma per al Prototipatge
- Disseny Col·laboratiu i Feedback
- Proves i Iteració de Prototips