Figma: Dvosmerni radni tokovi s Figma MCP i Claude Code

Ovaj livestream od 50 minuta, objavljen na Figminom YouTube kanalu u martu 2026., snimljen je s Tariqom Šihiparom (tehnički saradnik u Anthropicu) i Bretom Mekmilinom (zagovornik dizajnera u Figmi). Sesija je fokusirana na živu demonstraciju umesto slajdova: govornici grade i kvare stvari na ekranu i objašnjavaju šta rade dok to čine.

Kontekst je Figma MCP server, koji daje Claude Code strukturisan pristup Figma fajlovima. Kroz ovu vezu Claude može da čita informacije o komponentama, promenljivim, podacima maketa i elementima dizajn sistema, a zatim generiše kod koji odražava ta ograničenja. Dvosmerni pravac dodaje povratnu putanju: kod napisan ili izmenjen u razvojnom okruženju može se vratiti u Figmu kao slojevi dizajna koji se mogu uređivati.

Za koga je ovaj video

Dizajneri koji pišu ponešto koda i inženjeri koji blisko rade s dizajn fajlovima dobijaju najviše od ove sesije. Pretpostavlja se osnovna upoznatost s Claude Code i Figminim sistemom komponenti. Gledaoci koji još nisu konfigurisali Figma MCP server trebaju da pored ovog videa čitaju dokumentaciju za podešavanje, jer demonstracija počinje iz već konfigurisanog stanja.

Ključni zaključci

1. MCP veza tretira Figma fajl kao strukturisane podatke, a ne kao statičan eksport. Claude Code može da upita specifične komponente, razume kako su promenljive povezane s dizajn tokenima i generiše implementacioni kod koji odgovara stvarnom dizajn sistemu — a ne generalizovanoj aproksimaciji.

2. Premeštanje iz Claude Code u Figmu stvara editabilne nativne slojeve, a ne spljoštene slike ili zaključane grupe. To je važno za predaju: programer koji generiše novi UI element u Claude Code može ga poslati u Figmu u obliku koji dizajn tim može da doradi bez ponovne izgradnje od nule.

3. Suprotni pravac — iz dizajna u kod — zahteva da dizajner razume šta opisuje na strukturnom nivou. Šihipar demonstrira nekoliko slučajeva u kojima nejasan opis daje generički kod, dok opis utemeljen u specifičnim imenima komponenti i referencama na promenljive daje rezultat spreman za implementaciju.

4. Sesija iskreno pokazuje stvarna ograničenja: MCP veza još ne pokriva sve tipove Figma fajlova i neke mogućnosti dizajn sistema. Govornici raspravljaju o tome šta stabilno radi, a šta se još razvija — što je korisnije od produktne demo koja izbegava granične slučajeve.

5. Ovaj radni tok menja opseg onoga što dizajnersko-inženjerska saradnja može da postigne u jednoj sesiji. Umesto da dizajn proizvodi specifikacije koje inženjeri interpretiraju, obe strane mogu da rade s istim materijalima i pomeraju izmene preko granice bez ručnog rekreiranja.

Vredno gledanja ako vaš tim već koristi Figmine AI alate i pokušavate da ih povežete s procesom razvoja, ili ako procenjujete da li je Figma MCP integracija dovoljno zrela za korišćenje u radu orijentisanom ka produkcijskom dizajnu.