Backstage · November 2026
Mitt AI-designflöde
Jag använder AI-verktyg genom hela designprocessen, från de första idéerna till en testad, utvecklingsklar design. Här är flödet jag följer, steg för steg, och hur jag väljer rätt verktyg för varje del.
AI gör arbetet snabbare, men bedömningen ligger kvar hos mig. Jag granskar det verktygen tar fram innan något går vidare, med mina designprinciper för AI-stödda produkter som stöd.
Flödet i korthet
- Utforska designidéerChatGPT, Grok och Mobbin
- Ta fram interaktivt UIGrok eller Claude Code
- Prototypa och testaGoogle Antigravity och test i webbläsaren
- Tillämpa designsystemetClaude med designsystem-skills
- Föra över, granska och förfinaFigma MCP, skills och min egen granskning
Så väljer jag rätt AI-verktyg
| Verktyg | Så använder jag det |
|---|---|
| ChatGPT | Ta fram snabba visuella koncept och varianter |
| Grok | Skapa snabba UI-designer och interaktiva prototyper |
| Claude Code | Bygga komplexa gränssnitt och tillämpa designsystemets regler |
| Google Antigravity | Bygga fler sidor, granska dem i webbläsaren och kvalitetstesta |
| Figma | Förvalta designsystem, variabler och återanvändbara komponenter |
| Paper / Pencil | Designa på en AI-kopplad canvas |
| Mobbin | Undersöka befintliga UI-mönster och skapa moodboards |
| Google Stitch | Utforska genererade skärmar och flöden, alltid med granskning av resultatet |
Jag väljer verktyg efter uppgiften i stället för att använda ett verktyg till allt. Jag jämför designkvalitet, genereringstid, tokenförbrukning och hur lätt resultatet är att redigera, och jag justerar valen i takt med att verktygen förändras.