Figma u kod · Izrada
Izmjene iz Figme u kodu, bez ručnog kopiranja hex vrijednosti
Dizajn tokeni idu iz Figme na jedno mjesto u kodu, automatski gdje god je moguće, pa niko ne kopira hex vrijednosti. Naš sistem ih preuzima preko MCP servera.
AngažmanPo satu · remote
Radno vrijeme9–18 CET · 4 h preklapanja
StackFigma · Figma MCP · dizajn tokeni
Dokaz3 projekta
Usluga u 4 dijela
01 · Za koga je
Dizajn fajl kaže jedno, kod drugo, a jedina veza među njima je osoba koja kopira hex vrijednosti.
02 · Šta smo napravili
- Naš sadašnji dizajn sistem preuzima palete, skale i vrijednosti teme iz Figme automatski, preko MCP servera.Projekat 01 →
- Biblioteka s trideset brendova iz 2022. godine, u kojoj je plugin izvozio tokene iz Figme u JSON, a iz JSON-a se generisao SCSS. Bilo je automatizovano, ali samo u jednom smjeru i lako je zaostajalo za dizajn fajlom.Projekat 02 →
- Tim od dvanaest ljudi na američkom marketplaceu za usluge kamionima. Tokom 2026. dizajn je bio povezan s Figmom, a tim je svaki dan koristio Claude Code.Projekat 03 →
03 · Kako radimo
01 · JEDAN ULAZCore paket uzima vrijednosti iz tokena, a komponente iz core paketa. Vrijednost promijenjena u Figmi mijenja se na jednom mjestu i odatle stiže do svih komponenti.
02 · RUČNI PUTPored automatskog uvoza imamo i ručni, za slučaj kad veza s Figmom nije dostupna.
04 · Stack
FigmaFigma MCPdizajn tokeniJSONSCSSTypeScriptpnpm workspaces
Dokaz
Gdje smo ovo već radili
Projekat 01 · Platforme74 / 678Naš sadašnji dizajn sistem preuzima palete, skale i vrijednosti teme iz Figme automatski, preko MCP servera.Pročitajte više o projektu →Projekat 02 · Platforme~100 / 30+Biblioteka s trideset brendova iz 2022. godine, u kojoj je plugin izvozio tokene iz Figme u JSON, a iz JSON-a se generisao SCSS. Bilo je automatizovano, ali samo u jednom smjeru i lako je zaostajalo za dizajn fajlom.Pročitajte više o projektu →Projekat 03 · Platforme~50%Tim od dvanaest ljudi na američkom marketplaceu za usluge kamionima. Tokom 2026. dizajn je bio povezan s Figmom, a tim je svaki dan koristio Claude Code.Pročitajte više o projektu →
Česta pitanja
Pitanja o ovoj usluzi
Ne. Iz Figme uzimamo palete, skale i vrijednosti teme, a komponente pišemo u kodu i one koriste te vrijednosti.
Dizajn i kod se mijenjaju svaki svojim tempom. Ako ih ništa ne povezuje, Figma fajl i kod se slažu samo slučajno, a teško je reći i koji je od njih tačan.
Zavisi od toga kako je fajl strukturisan, a to je prvo što pogledamo.
Tada svaki brend dobija svoj skup vrijednosti tokena. Kako to radi, objašnjeno je na stranici Dizajn tokeni i teme za više brendova.
Sljedeći korak
Opišite problem i javit ćemo vam se s tri opcije.
Prvi poziv traje 30 minuta i ni na šta vas ne obavezuje.