Figma

Plattform för gemensam design av UI/UX och designsystem.

Figma är den branschledande plattformen för samarbete inom design av UI/UX, prototyper och hantering av designsystem. Figma körs helt i webbläsaren och möjliggör samarbete i realtid där flera designers kan arbeta i samma fil samtidigt, som Google Docs för design. Figmas komponentsystem, auto layout och variabler gör det möjligt att bygga omfattande designsystem som skalas över produkter och team.

Figma är vårt främsta designverktyg på GRADAX. Varje projekt börjar med Figma-designer, wireframes, högkvalitativa mockups, interaktiva prototyper och dokumentation av designsystemet. Våra designers och utvecklare samarbetar i realtid i Figma.

Vad vi använder det till

UI/UX-design för webb och mobil
Interaktiv prototypframställning och användartester
Skapa och förvalta designsystem
Arbetsflöden för kundpresentation och godkännande
Överlämning till utvecklare med Dev Mode
Gemensam whiteboard med FigJam

Vad det ger oss

Samarbete i realtidFlera teammedlemmar arbetar samtidigt i samma designfil med live-markörer och kommentarer.
KomponentsystemÅteranvändbara komponenter med varianter, egenskaper och auto layout för skalbara designsystem.
Dev ModeUtvecklare får exakt CSS, avstånd, färger och kodsnuttar direkt från designfilerna.
PrototyputvecklingSkapa interaktiva prototyper med övergångar, animationer och villkorlig logik för användartester.

Frågor vi får

Måste jag kunna Figma för att arbeta med GRADAX?

Nej. Vi gör allt designarbete i Figma och delar designerna med dig via länkar för granskning och feedback. Du kan kommentera direkt i designerna utan att behöva ett Figma-konto.

Kan jag redigera Figma-designerna efter projektet?

Ja. Vi levererar alla Figma-källfiler. Du äger designen och kan redigera den med Figmas gratisversion eller ett betalabonnemang för avancerade funktioner.

Hur fungerar Figma-till-kod?

Våra utvecklare använder Figmas Dev Mode för att extrahera exakta specifikationer, avstånd, färger, typografi och komponentstruktur. Sedan implementerar vi pixelperfekt kod med vårt komponentsystem för Tailwind CSS och React.

Skapar ni designsystem i Figma?

Ja. För större projekt bygger vi omfattande designsystem med återanvändbara komponenter, designtokens och dokumentation. Det säkerställer konsekvens när din produkt växer.

Mer om: Stil & design

Osäker på hur detta gäller dig?

En senior ingenjör går igenom din webbplats, din synlighet i sök och hur förfrågningar når dig, och skriver sedan ner de tre saker som är mest värda att åtgärda först. Du behåller dokumentet oavsett.

Boka den kostnadsfria granskningen Fråga oss bara något