De 10 bedste Figma-funktioner, som alle designere skal bruge

Uanset om du er en freelance grafisk designer eller en intern UI / UX-designer, kan mestring af Figma hjælpe dig med at bestige stigen til en succesrig karriere.

Med det i tankerne er her de bedste Figma-funktioner, som vi mener, at alle designere skal bruge...

Hvad er Figma?

Figma er et avanceret webbaseret grafisk designværktøj, der tilbyder næste generations samarbejde om UI / UX prototyping. Det er en robust applikation, der giver dig mulighed for at oprette unikke UX-design, der er brugervenlige, men alligevel professionelle.

Så uanset om du er etableret inden for dit felt eller bare starter en karriere som UI / UX-designer eller grafisk designer, her er de bedste Figma-funktioner, du kan få fat i.

1. Varianter til komponentstyring

Varianter er et intelligent komponentstyringsmodul og kendt som Figma-komponentbiblioteket. Du kan nemt fjerne duplikatvariationer af den samme komponent og kombinere dem for at organisere teamets aktivbibliotek.

Du kan også definere en enkelt container til alle lignende komponenter. Under samarbejdsarbejde gør Variants det lettere for teammedlemmerne at finde det, de søger efter. Ekskluder gætteriet fra dit designsystem ved at tilpasse værdierne og egenskaberne for dine komponentvarianter.

2. Punkt med lister

Du kan også inkludere punktlister og nummererede lister i dine UI / UX-designprojekter. Lister giver dig mulighed for nemt at organisere data og fremhæve relateret information i vektordesign. Du kan inkludere op til fem niveauer af indrykning. Du kan også udføre visuelle farveændringer gennem tekstfarve, streger og effekter.

Relaterede: Adobe XD: Det gratis UI- og UX-designværktøj, du kan bruge lige nu

3. Tilslut flere Figma-konti

Få adgang til alle Figma-konti, arbejdsområder og samfundsprofiler på en skærm. Du kan forblive logget ind på op til 10 Figma-konti. Du kan hurtigt skifte til ethvert arbejdsområde fra øverste venstre hjørne af Figma-skærmen. For kontiene skal du klikke på øverste højre hjørne for at åbne kontoomskifteren.

4. Fanen Fornyet inspektion

Det forrige kodepanel i Figma er nu fanen Inspicer. Denne funktion giver samarbejdspartnere, især udviklere, mulighed for at få værdier og koder for designene til dem, du arbejder på. Dine teammedlemmer kan udtrække data som farver, varianter, egenskaber, skygger, indhold, kanter og typografi fra denne fane.

5. Instans-swap-menuen

Figma fornyede Instance Swap Menu i 2020 for at inkludere en menu i push-stil. Det gør det muligt for designerne at surfe mellem komponenterne uden besvær.

Du kan også bruge rullemenuen til at skifte mellem holdbiblioteker. Der er en slank miniaturebillede til forhåndsvisning af komponenter.

6. Figma Community Files and Plugins Library

Figma har en ressourceberiget community-platform, hvor du kan offentliggøre dine projekter, så kolleger kan undersøge eller omarbejde dem. Der er tusindvis af skabere, og du kan få følgende ressourcer:

• Åbne figurer illustration bibliotek
• Eksternt design sprint
• Materiale design kit
• Figma-skabeloner

Figma-plugins er yderst effektive og på samme tid stabile og sikre. I skrivende stund er der mere end 40 eksklusive plugins til rådighed, og listen stiger i antal. I virksomhedsabonnementer kan du distribuere private plugins inden for virksomheden. Nogle nyttige plugins, som du kan bruge, er:

• Gentagne opgaveautomatisering inden for Figma-rammer
• Design plugins til detektering af fejl
• Plugins til datapopulation

7. Zeplin-integration

Figma understøtter den indfødte Zeplin-plugin der muliggør simpel højreklikbaseret eksport af Figma-design til Zeplin-arbejdsområder for yderligere brainstorming og udvikling. I modsætning til andre designværktøjer er der ingen hikke med opløsning eller ydeevne, når du skal eksportere større Figma-rammer eller designs.

Figma og Zeplin arbejder også sammen om at introducere en ny live opdateringsfunktion af Figma-komponenter til Zeplin.

8. Realtidsopdatering af projektet

I en UI / UX-designproces, der ikke involverer Figma, skal hele teamet bruge mere end et tredjepartsværktøj til at videreformidle projektopdateringer og designmockups. Flere filoverførsler er nødvendige for at hvert teammedlem kan være på toppen af ​​den aktuelle status.

Imidlertid tager Figma-appen sig selv gennem opdateringen i realtid af udvekslingen af ​​prototype og dens opdateringer inden for teammedlemmerne.

Projektoverdragelsen fra designeren til udvikleren er ikke rigtig nødvendig i Figma. Dette skyldes, at når du bruger Confluence til at dele mockups af Figma, vises eventuelle ændringer i designet automatisk som live aktivitet på projektfilen.

Relaterede: Hvad er forskellen mellem UI og UX Design?

9. Intuitiv og ligetil prototyping

Med Figma er prototyping super let og uden rod, da det inkluderer ramme-til-ramme-overgang. Figma er et alt-i-et-værktøj, og du har ikke brug for et tredjeparts-gennemgangsværktøj som Marvel eller InVision.

Du kan ubesværet dele Figma-prototyper med teammedlemmer ligesom at dele Figma-designfiler. Alt hvad du skal gøre er at dele et link med relevante redigeringstilladelser. Enhver kommentar eller feedback forbliver inden for værktøjet, og du kan også finde poster i Slack.

Udviklere kan nemt få adgang til projektdesignets arbejdsgang, efterlade kommentarer til designeren og få CSS-attributter og målinger.

Relaterede: Simple CSS-kodeeksempler, du kan lære på 10 minutter

10. Del feedback om feedback om design

Gennemgang af UI / UX designprojekt er simpelthen en teamkonference, når man bruger Figma. Under brainstorming og gennemgangssessioner kan hele teamet arbejde på en stor skærm for at optage kommentarer og løse problemer inden for den samme Figma-designramme.

Da Figma understøtter den mest avancerede kommentarteknologi i appen, er deling af feedback problemfri. Du kan kommentere både prototyping og designtilstande. Enhver e-mail-klient eller Slack kan gemme kommentarer og forslag.

Figma gør design og prototyping let

UI / UX design og prototyping kræver et højere sæt færdigheder og fokus på flere værktøjer. Men med Figma er det problemfrit at lære og implementere designfærdigheder i aktion og levere UX, der virkelig forbedrer kundeoplevelsen.

Du kan udføre prototyping, brainstorming, gennemgang og UI-design overdragelse, alt sammen ved hjælp af det samme værktøj. Figma er nu en industristandard, og det er bestemt værd at tjekke ud.

Sådan holder du din branding i overensstemmelse med Adobe Spark

Med Adobe Spark kan du tildele farver, skrifttyper og logoer til en brandprofil, hvilket gør det nemt at skabe ensartede designs.

Læs Næste

Om forfatteren