Getting Started with Figma

Figma är ett molnbaserat design- och prototypverktyg som används flitigt för att skapa användargränssnitt (UI) och användarupplevelser (UX), vilket gör det mycket enkelt att samarbeta med ditt team, oavsett om de är designers, utvecklare eller någon annan involverad i projektet. Om du är designer kommer du märka att det påminner om Adobe Illustrator eftersom det också är ett vektorbaserat program, och om du redan är bekant med Adobe XD kommer du känna dig hemma.

Figma är utmärkt för att designa wireframes, mockups och prototyper för mobilappar och webbplatser. En av de bästa funktionerna är samarbetet i realtid. Du och ditt team kan arbeta på samma projekt samtidigt, lämna kommentarer, ge feedback eller bara se magin hända live. Det är perfekt för att göra teamarbete smidigt och roligt!

Vad är skillnaden mellan UI och UX i Figma?

UI (User Interface) handlar om den visuella designen, utseendet och känslan av en produkt. I Figma innebär detta att designa element som knappar, ikoner, typografi, färgscheman och layout.

Medan UX (User Experience) fokuserar på användarens totala resa – hur de interagerar med produkten och hur intuitiv eller tillfredsställande upplevelsen är. Det handlar om att strukturera innehåll och navigation för att göra upplevelsen sömlös.

Kort sagt, UI i Figma handlar om hur saker ser ut, medan UX handlar om hur saker fungerar. Figma erbjuder verktyg för att smidigt hantera båda, vilket hjälper designers att skapa produkter som både är visuellt tilltalande och användarvänliga.

Länken till Figma finns här: https://www.figma.com/

Nu ska vi se hur Figma ser ut!

En sista sak, när du väljer en fil från Figma Community kan du få två alternativ, precis som jag fick. Skillnaden mellan dessa är:

• Använd UI Kit i en ny fil: Figma använder alla tillgångar, ikoner och komponenter som ingår i filen i ett nytt projekt utan att kopiera alla ramar och sidor;
• Gör en kopia av denna fil: Figma gör en kopia av hela filen inklusive ramar, sidor, tillgångar och allt annat.