Som webbutvecklare hamnar jag ofta i gränslandet mellan design och kod. Här är verktygen jag använder mest, och varför.
Figma
Figma är mitt självklara val för design och prototyper. Den är gratis för studenter, jag använder desktop applikationen men man kan även köra Figma i webbläsaren. I en tidigare kurs i projektledning byggde jag en klickbar prototyp för en webb-applikation för studiegrupper, helt i Figma. Funktioner som komponenter och auto layout gör att designen ligger nära hur den sedan byggs i kod.
Claude Design
För snabba lo-fi-mockups har jag börjat använda Claude Design. Jag beskriver vad sidan ska innehålla, till exempel en startsida med hero, presentation och de senaste blogginläggen, och får på några sekunder ett första utkast att reagera på. Det ersätter inte Figma, men det är ett snabbt sätt att testa layoutidéer och struktur innan jag lägger tid på detaljerna. Mockupen till den här bloggen började faktiskt där.
Vad föredrar jag?
Figma, utan tvekan. Det är snabbt att skissa i, det är byggt för just webb och gränssnitt, och det fungerar på vilken dator som helst utan installation. Det bästa är att jag kan testa idéer visuellt innan jag lägger tid på att koda dem. Det sparar mycket tid, både i skolprojekt och i kunduppdrag.