1. Skapa en komponent.
I Figma-redigeraren väljer du de lager som du vill inkludera i din komponent. Klicka på Komponent ikonen i verktygsfältet eller använd kortkommandot Cmd/Ctrl + Alt + K .
I Skapa komponent dialogrutan, ange ett namn för din komponent och välj en kategori. Klicka på Skapa knapp.
2. Använd komponenter.
För att använda en komponent, dra den helt enkelt från Tillgångar panel på din duk. Du kan också använda Infoga> Komponent menyalternativ.
När du infogar en komponent kan du ändra storlek, rotera och vända den precis som alla andra lager. Men till skillnad från vanliga lager kan komponenter redigeras utan att andra instanser av samma komponent påverkas.
3. Redigera komponenter
För att redigera en komponent, dubbelklicka på den. Detta kommer att öppna komponenten i redigeringsläge. I redigeringsläge kan du göra ändringar i komponentens design. Alla ändringar du gör kommer att tillämpas på alla instanser av komponenten.
4. Ta bort komponenter
För att ta bort en komponent, välj den på arbetsytan och tryck på Ta bort nyckel. Detta tar bort komponenten från Tillgångar panel och från alla tillfällen där den används.
5. Hantera komponenter
Tillgångar panelen är där du kan hantera dina komponenter. Du kan dra och släppa komponenter eller så kan du använda filtret för att söka efter specifika komponenter.
För att exportera komponenter, välj dem i Tillgångar och klicka på Exportera ikon. Du kan exportera komponenter som SVG-, PNG- eller JSON-filer.
Tips för att använda komponenter i Figma
- Använd komponenter för att skapa konsekventa design. Komponenter kan hjälpa dig att hålla din design konsekvent genom att se till att alla instanser av ett visst element har samma utseende och beteende.
- Använd komponenter för att påskynda ditt arbetsflöde. Komponenter kan spara tid genom att eliminera behovet av att skapa samma element om och om igen.
- Använd komponenter för att dela ditt designarbete med andra. Komponenter gör det enkelt att dela ditt designarbete med andra, även om de inte har tillgång till Figma-editorn.
Slutsats
Komponenter är en kraftfull funktion i Figma som kan hjälpa dig att skapa konsekventa och sammanhängande design. Genom att använda komponenter kan du snabba på ditt arbetsflöde och dela ditt designarbete med andra.
