Figma Design lanceert codelagen, waarmee teams direct op het canvas code kunnen creëren, bewerken en delen.
Het designplatform Figma introduceert codelagen die de samenwerking tussen ontwerpers en ontwikkelaars moet vereenvoudigen. De nieuwe functie brengt ontwerp en code samen binnen één gedeelde omgeving. Codelagen zijn beschikbaar in gesloten bèta.
Codelagen
Gebruikers kunnen op verschillende manieren starten met codelagen in Figma. Het toevoegen van een nieuwe codelaag kan rechtstreeks via de werkbalk, vanuit een bestaand frame of met hulp van de Figma-agent.
Wie al een codebase heeft, kan eenvoudig een GitHub-repository importeren of een lokale map uploaden. Daarnaast is het mogelijk om een sjabloon te gebruiken of een omschrijving te geven van wat men wil bouwen, waarna de agent een eerste versie genereert.
Iteraties
Codelagen bieden de mogelijkheid om verschillende ontwerpopties te verkennen, vergelijkbaar met het dupliceren van frames. Teams kunnen alternatieven naast elkaar zetten en zien niet alleen hoe opties eruitzien, maar ook hoe ze functioneren.
Door elementen te verplaatsen of aan te passen, is de impact direct zichtbaar in de code. Met prompts kan de Figma-agent variaties genereren, terwijl het origineel behouden blijft. Omdat codelagen in gedeelde bestanden bestaan, kunnen teamleden live meevolgen, opmerkingen plaatsen en samen werken aan dezelfde laag.
Gebruikers kunnen met één klik bewerkingen op het canvas doorvoeren in de codelaag. Sleutelstromen en toestanden uit de code zijn eenvoudig om te zetten in bewerkbare Figma-lagen, waardoor het hele team inzicht krijgt in de werking van de applicatie.