Gränssnittsdesign · område 1

Designportföljen i Figma

En enda Figma-fil följer med dig hela läsåret. Allt du lämnar in i kursen kommer att ligga i den. Du sätter upp den en gång, på lektionen 24 augusti, och sedan lägger du bara till sidor.

1. Skapa filen

Logga in på Figma med skolkontot, inte med ett privat konto. Privata konton tappar du åtkomsten till när kursen är slut, och då är hela läsårets arbete borta.

Skapa en ny designfil och döp den till Designportfölj – förnamn efternamn, med ditt eget namn. Namnet är hur jag hittar din fil bland trettio andra, så det spelar roll att det ser likadant ut hos alla.

Prova själv

Öppna filen i en ny flik och lägg till den bland dina bokmärken direkt. Du kommer att öppna den varje vecka fram till jul.

2. De tre sidorna

En Figma-fil kan innehålla flera sidor, ungefär som flikar i ett kalkylark. Panelen med sidorna ligger uppe till vänster. Skapa de här tre nu, med siffrorna först så att de hamnar i rätt ordning:

Sida	Vad som ska ligga där	När
01 Bildpaket	Bilderna från område 1, med exportlogg och källförteckning	augusti–september
02 Ikoner	Ikonsetet och ordmärket från område 2	september
03 Stilguide	Länken till din designsystemfil, och en skärmbild av stilguiden när den är klar. Själva arbetet i område 3 görs i en egen fil	oktober–november

Fler sidor kommer efter hand. Döp dem på samma sätt: tvåsiffrigt nummer, mellanslag, namn.

3. Filnamn som håller

Från och med nu gäller samma namnstandard på allt du sparar i kursen, både Figma-sidor och filer på datorn:

Bara gemener: torg-kvall-01.psd, inte Torg Kväll 01.psd.
Bindestreck i stället för mellanslag.
Inga å, ä eller ö, och inga andra specialtecken.
Ingen versionering i namnet av typen slutgiltig-ny-2. Spara över.

Skälet är inte ordning för ordningens skull. När filerna senare ska ligga på en webbserver är det de här tecknen som annars går sönder i adressen – det arbetar ni med i Webbutveckling.

4. Klart när — gör det här innan du går från lektionen

Du är inloggad i Figma med skolkontot.
Filen heter Designportfölj – förnamn efternamn med ditt namn.
De tre sidorna finns: 01 Bildpaket, 02 Ikoner, 03 Stilguide.
Du hittar tillbaka till filen utan att leta.

Kryssen sparas i din webbläsare.

5. Felsökning

Symptom	Trolig orsak	Åtgärd
Du ser inte panelen med sidor	Lagerpanelen är hopfälld	Klicka på pilen bredvid filnamnet uppe till vänster
Du hamnade i en fil som heter Untitled	Filen skapades men döptes aldrig	Dubbelklicka på namnet högst upp och skriv rätt namn
Filen ligger under fel konto	Du var inloggad privat	Logga ut, logga in med skolkontot och skapa filen på nytt. Har du hunnit arbeta i den: säg till, så flyttar vi innehållet
Sidorna hamnar i fel ordning	Numret saknas eller är ensiffrigt	Döp om till `01`, `02`, `03`