Figma aduce GitHub pe pânza de design. Cursor mizează pe inversul

Code Layers, noua funcţie Figma, face ceva ce ar fi părut imposibil acum doi ani: permite clonarea unui repository GitHub direct pe pânza de design. Odată transferat, poţi extrage cadre de design editabile din codul existent, le modifici vizual şi sincronizezi schimbările înapoi în repository — totul în interiorul unui singur fişier Figma, cu colaborarea în timp real intactă. Design şi dezvoltare în aceeaşi fereastră.

Pentru designerii care au petrecut ani redactând note de predare, copiind specificaţii în tichete Jira sau trimiţând linkuri Zeplin echipei de inginerie, Code Layers schimbă locul unde are loc conversaţia dintre design şi cod. Modificările în Figma actualizează codul de bază; modificările în cod actualizează stratul de design. Puntea dintre cele două discipline a presupus întotdeauna schimbarea contextului — acum acel salt devine mai mic.

Figma Motion transformă animaţiile în cod gata de livrare

Figma a anunţat şi Motion, o linie temporală de animaţie bazată pe cadre cheie integrată direct în pânză. Designerii construiesc tranziţii, stări hover şi animaţii de defilare cu o linie temporală şi o bibliotecă de preseturi, apoi le exportă în şapte formate: CSS, JSON, React, MP4, WebM, SVG animat şi GIF. O animaţie de încărcare creată în Figma nu mai este un document de referinţă pe care un dezvoltator trebuie să îl interpreteze — ea este animaţia în sine.

Al treilea anunţ major a fost Shader Effects, umpleri accelerate GPU alimentate de WebGPU — cel mai recent standard grafic al browserului — care permit designerilor să aplice texturi vizuale complexe, generate matematic, direct pe straturile Figma. Agentul IA al Figma poate genera aceste umpleri personalizate dintr-o descriere text sau o imagine încărcată. Scrii o frază ca ‘sticlă mată cu modele de interferenţă albastru deschis’ şi pânza produce ceva care se redă în timp real şi poate fi ajustat interactiv.

Agentul IA câştigă competenţe, instrumente şi conexiuni externe

Agentul IA însuşi s-a extins considerabil. Poate construi acum ‘competenţe’ reutilizabile din instrucţiuni în limbaj natural — instrumente personalizate care automatizează sarcinile de design repetitive fără cunoştinţe de API — şi se conectează direct la servicii externe precum Notion, GitHub şi Microsoft Excel. O actualizare ulterioară din 2026 va adăuga Weavy, un constructor de fluxuri de lucru achiziţionat de Figma anul trecut, pentru automatizare bazată pe noduri în interiorul fişierelor de design.

Nu totul este disponibil astăzi. Code Layers se află în acces anticipat, cu cereri ce se deschid în iulie 2026; necesită un loc Full pe un plan Figma plătit. Shader Effects şi agentul IA îmbunătăţit sunt active pe planurile plătite. Figma Motion este disponibil acum pentru titularii de loc Full, cu disponibilitate generală a Code Layers aşteptată pentru mai târziu în 2026.

Ambiţia Figma de a absorbi părţi din fluxul de lucru al editorului de cod se loveşte de o întrebare concretă: scrierea codului şi proiectarea interfeţelor sunt activităţi cognitive diferite, iar Cursor — editorul de cod cu IA achiziţionat de SpaceX pentru 60 de miliarde de dolari săptămâna trecută — şi-a construit publicul în rândul inginerilor, nu al designerilor. Dacă acele două comunităţi vor converge în jurul unei pânze comune rămâne o întrebare deschisă.

Etichete: GitHub, Code Layers, Config 2026, Cursor, Figma, instrumente design