De 10 bästa Figma-funktionerna som alla designare borde använda

Oavsett om du är en frilansande grafisk formgivare eller en intern UI / UX-designer, kan du styra Figma hjälpa dig att klättra uppför en framgångsrik karriär.

Med detta i åtanke är här de bästa Figma-funktionerna som vi tycker att alla designers bör använda...

Vad är Figma?

Figma är ett avancerat webbaserat grafiskt designverktyg som erbjuder nästa generations samarbetsarbete om UI / UX-prototyper. Det är en robust applikation som gör att du kan skapa unika UX-design som är användarvänliga men ändå professionella.

Så oavsett om du är etablerad inom ditt område eller bara startar en karriär som UI / UX-designer eller grafisk designer, här är de bästa Figma-funktionerna att ta itu med.

1. Varianter för komponenthantering

Varianter är en intelligent komponenthanteringsmodul och känd som Figma-komponentbiblioteket. Du kan enkelt ta bort dubbletter av samma komponent och kombinera dem för att organisera teamets tillgångsbibliotek.

Du kan också definiera en enda behållare för alla liknande komponenter. Under samarbetsarbete gör Variants det lättare för teammedlemmarna att hitta det de söker efter. Uteslut gissningar från ditt designsystem genom att anpassa värdena och egenskaperna för dina komponentvarianter.

2. Punktlistor

Du kan också inkludera punktlistor och numrerade listor i dina UI / UX-designprojekt. Med listor kan du enkelt organisera data och betona relaterad information i vektordesigner. Du kan inkludera upp till fem nivåer av indrag. Du kan också utföra visuella färgändringar genom textfärg, streck och effekter.

Relaterad: Adobe XD: Det kostnadsfria UI- och UX-designverktyget du kan använda just nu

3. Anslut flera Figma-konton

Få åtkomst till alla Figma-konton, arbetsytor och communityprofiler på en skärm. Du kan vara inloggad på upp till 10 Figma-konton. Du kan snabbt växla till valfri arbetsyta från det övre vänstra hörnet på Figma-skärmen. För kontona, klicka på det övre högra hörnet för att öppna kontoomkopplaren.

4. Fliken Revamped Inspect

Den tidigare kodpanelen i Figma är nu fliken Inspektera. Med den här funktionen kan medarbetare, särskilt utvecklare, få värden och koder för designen för dem du arbetar med. Dina teammedlemmar kan extrahera data som färger, varianter, egenskaper, skuggor, innehåll, gränser och typografi från den här fliken.

5. Instansbytemenyn

Figma moderniserade Instance Swap Menu 2020 för att inkludera en meny med push-stil. Det gör att designarna enkelt kan surfa mellan komponenterna.

Du kan också använda rullgardinsmenyn för att växla mellan lagbibliotek. Det finns en snygg miniatyrbild för komponentförhandsgranskning.

6. Figma Community Files and Plugins Library

Figma har en resursberikad gemenskapsplattform där du kan publicera dina projekt så att andra medlemmar kan undersöka eller omarbeta dem. Det finns tusentals skapare, och du kan få följande resurser:

• Öppet figurillustrationsbibliotek
• Fjärrdesign sprint
• Material design kit
• Figma-mallar

Figma-plugin-program har hög prestanda och är samtidigt stabila och säkra. I skrivande stund finns fler än 40 exklusiva plugins tillgängliga, och listan ökar i antal. I företagsprenumerationer kan du distribuera privata plugins inom företaget. Några användbara plugins som du kan använda är:

• Upprepande uppgiftsautomation inom Figma-ramar
• Utforma plugin för detektering av fel
• Plugins för datapopulation

7. Zeplin-integration

Figma stöder den infödda Zeplin-plugin som möjliggör enkel högerklickbaserad export av Figma-design till Zeplin-arbetsytor för vidare brainstorming och utveckling. Till skillnad från andra designverktyg finns det inga hicka med upplösning eller prestanda när du behöver exportera större Figma-ramar eller mönster.

Figma och Zeplin arbetar också tillsammans för att introducera en ny liveuppdateringsfunktion för Figma-komponenter till Zeplin.

8. Realtidsuppdatering av projektet

I en UI / UX-designprocess som inte involverar Figma måste hela teamet använda mer än ett tredjepartsverktyg för att vidarebefordra projektuppdateringar och designmockups. Flera filöverföringar är nödvändiga för att varje teammedlem ska kunna ligga över den aktuella statusen.

Genom realtidsuppdateringen tar Figma-appen dock hand om utbytet av prototyp och dess uppdateringar inom lagmedlemmarna.

Projektöverlämningen från designern till utvecklaren är egentligen inte nödvändig i Figma. Detta beror på att när du använder Confluence för att dela mockups av Figma, visas alla ändringar i designen automatiskt som liveaktivitet i projektfilen.

Relaterad: Vad är skillnaden mellan UI och UX Design?

9. Intuitiv och rak prototyping

Med Figma är prototyper superlätt och utan röran, eftersom det inkluderar övergång från ram till ram. Figma är ett allt-i-ett-verktyg och du behöver inte ett tredjepartsgranskningsverktyg som Marvel eller InVision.

Du kan enkelt dela Figma-prototyper med teammedlemmar precis som att dela Figma-designfiler. Allt du behöver göra är att dela en länk med relevanta redigeringsbehörigheter. Alla kommentarer eller feedback förblir inom verktyget, och du kan också hitta poster inom Slack.

Utvecklare kan enkelt komma åt arbetsflödet för projektdesignen, lämna kommentarer till designern och få CSS-attribut och mätningar.

Relaterad: Enkla CSS-exempel som du kan lära dig på tio minuter

10. Dela feedback om feedback

Granskning av UI / UX designprojekt är helt enkelt en teamkonferens när man använder Figma. Under brainstorming och granskningssessioner kan hela teamet arbeta på en stor skärm för att spela in kommentarer och åtgärda problem inom samma Figma-designram.

Eftersom Figma stöder den mest avancerade kommenteringstekniken i appen är delning av feedback sömlös. Du kan kommentera både prototyp- och designlägen. Alla e-postklienter eller Slack kan lagra kommentarer och förslag.

Figma gör design och prototyper enkelt

UI / UX-design och prototyper kräver högre kompetensuppsättning och fokus på flera verktyg. Men med Figma är det sömlöst att lära sig och implementera designfärdigheter i handling och leverera UX som verkligen förbättrar kundupplevelsen.

Du kan utföra prototyper, brainstorming, granskning och UI-designhandoff, allt med samma verktyg. Figma är nu en industristandard, och det är definitivt värt att kolla in det.

Hur du håller ditt varumärke i linje med Adobe Spark

Med Adobe Spark kan du tilldela färger, teckensnitt och logotyper till en varumärkesprofil, vilket gör det enkelt att skapa konsekventa mönster.

Läs Nästa

Om författaren