Personliga projekt

Designers som arbetar i OutSystems har sällan verktyg som förstår plattformens konventioner direkt. Detta projekt är en förgrening av Sil Bormüllers öppen källkodsfigma-cli, utökad och omskolad specifikt för OutSystems designarbete på PhoenixDX.

Forken lägger till anpassade komponentprompter och kontext anpassad till OutSystems, tillsammans med designtokenregler som täcker både ODC och O11. Genom att ansluta den till Claude Code får du ett CLI som kan skapa och hantera Figma-design och designsystem genom naturligt språk, med praktisk kunskap om den plattform den faktiskt bygger för snarare än generiska webbkonventioner.

Det är ett projekt under utveckling, format av det verkliga dagliga designarbetet hos ett OutSystems-partnerföretag. Målet är ett arbetsflöde där verktygen redan talar språket, så att designers spenderar mindre tid på att översätta mellan Figma och OutSystems i varje projekt.

Denna portfölj skapades ur en frustration över lösningar som bara precis klarar av uppgiften. Jag ville ha något som var genuint interaktivt istället för ännu en standardlösning, så varje komponent byggdes för att reagera, vare sig det var på användarens rörelser eller ren nyfikenhet.

Stackarna Next.js 15 och Framer Motion gav mig den prestanda jag behövde, inklusive sömlöst flerspråkigt stöd med hjälp av DeepL API. Jag behandlade AI som en riktig medarbetare genom hela processen och använde Google Antigravity IDE och strukturerade "Agent Directives" för att automatisera de tråkiga delarna av filgenerering och koordinatkartläggning. Det gav mig frihet att fokusera på de UX-beslut som verkligen betyder något.

Som designer på ett OutSystems-partnerföretag stötte jag hela tiden på samma problem: Figma-variabler och OutSystems CSS hamnade ur synk på grund av klumpiga manuella överföringar. Så jag skapade ett plugin för att lösa problemet. Design tokens flödar nu direkt från Figma till OutSystems Developer Cloud via en säker server-till-server REST API, vilket gör Figma till den enda källan till sanning snarare än en utgångspunkt som tyst omtolkas nedströms.

AI-verktyg gjorde de mer komplicerade tekniska problemen mer hanterbara. För att navigera i ODC:s strikta molnarkitektur, med saker som CORS-begränsningar och JSON-serialisering, skulle det traditionellt ha krävts ett fullstack-team. Genom att samarbeta med AI-agenter hela tiden kunde jag snabbt ta mig igenom dessa hinder och leverera något som var klart för produktion. För mig är det ett bra bevis på att designers inte behöver stanna vid överlämningsgränsen.

Att arbeta med stora ikonbibliotek blir snabbt tröttsamt. Oordnade lagerstrukturer, feljusterade vektorer och det manuella arbetet med att binda storlekar till variabler hindrade mig från att fatta faktiska designbeslut. Simplify Icons skapades ur den frustrationen, byggt för att hantera det repetitiva uppstädningsarbetet så att jag slipper göra det.

Det jag tyckte om med det här projektet var hur det kom till. Genom att kombinera mina kunskaper om designsystem med AI-verktyg i Antigravity IDE kunde jag ta itu med riktigt komplexa krav, såsom rekursiv lagerutjämning, strikt variabelavgränsning och WCAG-kompatibel UI, utan att behöva sakta ner och byta till fullständig ingenjörsläge. Det som kunde ha tagit veckor blev klart på en bråkdel av tiden. Det har nu blivit en pålitlig del av mitt arbetsflöde och en påminnelse om att designers som är villiga att bygga sina egna verktyg inte behöver vänta på att någon annan ska lösa deras problem.