A Figma 2026. április 2-án két jelentős frissítést jelentett be a Make eszközhöz. A Figma Make újdonságok közé tartozik a Make Kits és az Attachments funkció. Mindkettő arra törekszik, hogy a prototípus-készítés pontosabb és kontextusgazdagabb legyen. Frontend fejlesztők és design system csapatok számára ezek a változások közvetlen workflow-hatással járnak.
Make Kits: a design rendszer beépül a prototípusba
A Make Kits lehetővé teszi, hogy a design system csapatok kódot és design irányelveket együtt csomagoljanak a Make számára. A kit importálhat publikus npm csomagokat, a szervezet privát kódcsomagjait, valamint Figma könyvtár stílusokat, változókat és tokeneket. Mindez egyetlen, újrafelhasználható csomagban érhető el.
A lényeg az, hogy a Make így nem általános, hanem a csapat saját design rendszeréhez igazított prototípusokat állít elő. A kitek lépésről lépésre építhetők a Make felületén belül. Elkészítésük után publikálhatók a szervezet összes felhasználója számára. A publikálás után bármely csapattag használhatja őket új prototípusok készítésekor.
Ez a funkció a legnagyobb fájdalompontra ad választ. Eddig a generált prototípusok gyakran eltértek a tényleges design rendszertől. A gombok, színek és tipográfia nem egyezett a komponenskönyvtárral. A Make Kits megoldja ezt, mert a generálás során a kit tartalma szolgál referenciaként. Az AI pontosan azokat a stílusokat és komponenseket használja, amelyeket a csapat definiált.
A gyakorlatban ez azt jelenti, hogy egy új prototípus létrehozásakor a Make automatikusan betölti a kit tartalmát. A generált felületen a megfelelő színváltozók, betűtípusok és komponensek jelennek meg. Nem kell utólag kézzel javítani az eltéréseket. A Figma release notes oldalon elérhető a részletes dokumentáció a kitek létrehozásáról.
Figma Make újdonságok az Attachments funkcióval
Az Attachments funkcióval meglévő fájlokat csatolhatunk közvetlenül a Make prompthoz. Nincs szükség tartalom másolására vagy újra-promptolásra. A csatolmányok két módon működnek, és mindkettő lényegesen javítja a generálás minőségét.
Kontextusként csatolhatunk PRD-ket, brand útmutatókat, kódfájlokat vagy dokumentumokat. A Make ezeket hivatkozásként használja generálás közben. Így az AI megérti a projekt üzleti logikáját és vizuális irányelveit is. Tartalomként képeket, adatfájlokat, videókat és SVG-ket adhatunk hozzá. Ilyenkor a Make valós eszközöket épít be a helyőrzők helyett.
A támogatott formátumok széles körűek. PDF, Markdown, kód (TSX, JS, CSS), CSV, JSON, JPEG, PNG, GIF, MP4, MP3 és SVG fájlok mind működnek. Ez gyakorlatilag azt jelenti, hogy egy teljes projektdokumentáció kontextusát átadhatjuk a Make-nek egyetlen prompttal. Nem kell külön leírni, milyen stílusú vagy struktúrájú felületet szeretnénk.
Az Attachments különösen hasznos nagyobb projekteknél. Ha egy csapat már rendelkezik részletes termékspecifikációval, azt egyszerűen csatolja a prompthoz. A Make figyelembe veszi a dokumentumban szereplő követelményeket. A Figma Help Center részletes útmutatót kínál a használathoz és a támogatott fájltípusokhoz.
Mit jelent mindez a frontend fejlesztési workflow-ban?
A két frissítés együtt változtatja meg a Figma Make pozícióját. A Make Kits biztosítja, hogy a generált prototípusok a csapat design rendszerét követik. Az Attachments pedig lehetővé teszi, hogy valós projektadatokkal dolgozzon az AI. A kettő kombinációja jelentősen csökkenti a design és fejlesztés közötti súrlódást.
Frontend fejlesztők számára a gyakorlati haszon azonnali. A prototípusok közelebb kerülnek a végső implementációhoz. Kevesebb az eltérés a design és a kód között. A fejlesztőnek nem kell találgatnia, melyik komponenst vagy változót szánta a designer az adott felületre. A design system csapatok pedig központilag szabályozhatják, hogy a Make hogyan használja a komponenseiket.
A Figma márciusban már bevezette az MCP szerver alapú ágens-integrációt is. Az ágensek közvetlenül írhatnak a Figma fájlokba, és a könyvtár komponenseit használják. Ez azt jelenti, hogy a Make egyre inkább egy teljes értékű AI-alapú design-fejlesztő platformmá válik. Az automatizálás lehetőségei exponenciálisan bővülnek.
A blogunk korábbi cikkei részletesen foglalkoztak a Figma MCP szerver fejlesztéseivel is. A mostani frissítésekkel a Figma Make komoly versenyelőnyt épít ki a prototípus-készítő AI eszközök piacán.
A következő lépés azoknak, akik Figma Make-et használnak: érdemes kipróbálni a Make Kits készítését a saját design rendszerükhöz. A befektetett idő gyorsan megtérül a pontosabb és konzisztensebb prototípusok révén. Az Attachments funkció pedig már ma használható bármilyen meglévő projektdokumentációval.
