De 10 beste Figma-funksjonene som alle designere bør bruke

Enten du er en frilans grafisk designer eller en intern UI / UX-designer, kan mestring av Figma hjelpe deg med å klatre opp stigen til en vellykket karriere.

Med det i bakhodet er her de beste Figma-funksjonene vi mener alle designere burde bruke...

Hva er Figma?

Figma er et avansert nettbasert verktøy for grafisk design som tilbyr neste generasjons samarbeid om UI / UX prototyping. Det er et robust program som lar deg lage unike UX-design som er brukervennlige, men profesjonelle.

Så, enten du er etablert i ditt felt eller bare begynner en karriere som UI / UX-designer eller grafisk designer, her er de beste Figma-funksjonene du kan ta tak i.

1. Varianter for komponentadministrasjon

Varianter er en intelligent komponentadministrasjonsmodul, og kjent som Figma-komponentbiblioteket. Du kan enkelt fjerne dupliserte varianter av samme komponent og kombinere dem for å organisere teamets aktivitetsbibliotek.

Du kan også definere en enkelt container for alle lignende komponenter. Under samarbeidsarbeid gjør Variants det lettere for teammedlemmene å finne det de søker etter. Ekskluder gjetningen fra designsystemet ditt ved å tilpasse verdiene og egenskapene til komponentvariantene.

2. Punktlister

Du kan også inkludere punktlister og nummererte lister i UI / UX-designprosjektene dine. Med lister kan du enkelt organisere data og legge vekt på relatert informasjon i vektordesign. Du kan inkludere opptil fem nivåer av innrykk. Du kan også utføre visuelle fargemodifikasjoner gjennom tekstfarge, streker og effekter.

I slekt: Adobe XD: Det gratis brukergrensesnittet og UX-designverktøyet du kan bruke akkurat nå

3. Koble til flere Figma-kontoer

Få tilgang til alle Figma-kontoer, arbeidsområder og samfunnsprofiler på en skjerm. Du kan holde deg pålogget til opptil 10 Figma-kontoer. Du kan raskt bytte til et hvilket som helst arbeidsområde fra øverste venstre hjørne av Figma-skjermen. For kontoene, klikk øverst til høyre for å åpne kontoveksleren.

4. Fanen Oppusset inspeksjon

Det forrige kodepanelet til Figma er nå Inspiser-fanen. Denne funksjonen lar samarbeidspartnere, spesielt utviklere, få verdiene og kodene til designene til de du jobber med. Teammedlemmene dine kan trekke ut data som farger, varianter, egenskaper, skygger, innhold, rammer og typografi fra denne kategorien.

5. Instansbyttemenyen

Figma fornyet Instance Swap Menu i 2020 for å inkludere en meny med push-stil. Det lar designerne surfe mellom komponentene uten problemer.

Du kan også bruke rullegardinvelgeren til å veksle mellom teambiblioteker. Det er et elegant miniatyrbilde for forhåndsvisning av komponenter.

6. Figma Community Files and Plugins Library

Figma har en ressursberiket samfunnsplattform der du kan publisere prosjektene dine slik at andre medlemmer kan undersøke eller omarbeide dem. Det er tusenvis av skapere, og du kan få følgende ressurser:

• Åpne figurer illustrasjonsbibliotek
• Ekstern design sprint
• Materiell design kit
• Figma-maler

Figma-programtillegg har gode resultater og er samtidig stabile og sikre. I skrivende stund er det mer enn 40 eksklusive plugins tilgjengelig, og listen øker i antall. I bedriftsabonnementer kan du distribuere private plugins i selskapet. Noen nyttige plugins du kan bruke er:

• Gjentatte automatiseringsoppgaver innen Figma-rammer
• Utform plugins for feiloppdagelse
• Plugins for datapopulasjon

7. Zeplin Integration

Figma støtter den innfødte Zeplin-plugin som muliggjør enkel høyreklikkbasert eksport av Figma-design til Zeplin-arbeidsområder for videre idédugnad og utvikling. I motsetning til andre designverktøy, er det ingen hikke med oppløsning eller ytelse når du trenger å eksportere større Figma-rammer eller design.

Figma og Zeplin jobber også sammen for å introdusere en ny liveoppdateringsfunksjon for Figma-komponenter til Zeplin.

8. Sanntidsoppdatering av prosjektet

I en UI / UX-designprosess som ikke involverer Figma, må hele teamet bruke mer enn et tredjepartsverktøy for å videreformidle prosjektoppdateringer og designmodeller. Flere filoverføringer er nødvendige for at hvert teammedlem skal være på toppen av gjeldende status.

Imidlertid, gjennom sanntidsoppdatering, tar Figma-appen seg av utveksling av prototype og oppdateringer innen teammedlemmene.

Prosjektdelingen fra designeren til utvikleren er egentlig ikke nødvendig i Figma. Dette er fordi når du bruker Confluence til å dele modeller av Figma, vises endringer i designet automatisk som live-aktivitet i prosjektfilen.

I slekt: Hva er forskjellen mellom UI og UX Design?

9. Intuitiv og grei prototyping

Med Figma er prototyping superenkelt og uten rot, da det inkluderer ramme-til-ramme-overgang. Figma er et alt-i-ett-verktøy, og du trenger ikke et tredjeparts gjennomgangsverktøy som Marvel eller InVision.

Du kan enkelt dele Figma-prototyper med teammedlemmer, akkurat som å dele Figma-designfiler. Alt du trenger å gjøre er å dele en lenke med relevante redigeringstillatelser. Eventuelle kommentarer eller tilbakemeldinger holder seg innenfor verktøyet, og du kan også finne poster i Slack.

Utviklere kan enkelt få tilgang til arbeidsflyten for prosjektdesignet, legge igjen kommentarer til designeren og få CSS-attributter og målinger.

I slekt: Enkle CSS-kodeeksempler du kan lære på 10 minutter

10. Del tilbakemeldinger om designanmeldelser

Gjennomgang av UI / UX designprosjekt er ganske enkelt en teamkonferanse når du bruker Figma. Under idédugnad og gjennomgangsøkter kan hele teamet jobbe på en stor skjerm for å registrere kommentarer og fikse problemer innenfor samme Figma-designramme.

Siden Figma støtter den mest avanserte kommentarteknologien i appen, er deling av tilbakemeldinger sømløs. Du kan kommentere både prototyping og designmodus. Enhver e-postklient eller Slack kan lagre kommentarer og forslag.

Figma gjør design og prototyping enkelt

UI / UX-design og prototyping krever høyere ferdighetssett og fokus på flere verktøy. Men med Figma er det sømløst å lære og implementere designferdigheter i aksjon og levere UX som virkelig forbedrer kundeopplevelsen.

Du kan utføre prototyping, idédugnad, gjennomgang og UI-designoverføring, alt ved hjelp av det samme verktøyet. Figma er nå en industristandard, og det er absolutt verdt å sjekke ut.

Hvordan holde merkevaren din i samsvar med Adobe Spark

Med Adobe Spark kan du tilordne farger, skrifttyper og logoer til en merkevareprofil, noe som gjør det enkelt å lage konsistente design.

Les Neste

Om forfatteren