{"id":90637,"date":"2026-06-25T08:23:06","date_gmt":"2026-06-25T08:23:06","guid":{"rendered":"https:\/\/www.europesays.com\/be-nl\/90637\/"},"modified":"2026-06-25T08:23:06","modified_gmt":"2026-06-25T08:23:06","slug":"figma-introduceert-codelagen-design-en-code-samenbrengen-op-het-canvas","status":"publish","type":"post","link":"https:\/\/www.europesays.com\/be-nl\/90637\/","title":{"rendered":"Figma introduceert codelagen: design en code samenbrengen op het canvas"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Figma Design lanceert codelagen, waarmee teams direct op het canvas code kunnen cre\u00ebren, bewerken en delen.<\/p>\n<p class=\"wp-block-paragraph\">Het designplatform <a href=\"https:\/\/itdaily.be\/nieuws\/software\/figma-ai-beeldbewerking\/\" rel=\"nofollow noopener\" target=\"_blank\">Figma <\/a>introduceert codelagen die de samenwerking tussen ontwerpers en ontwikkelaars moet vereenvoudigen. De nieuwe functie brengt ontwerp en code samen binnen \u00e9\u00e9n gedeelde omgeving. Codelagen zijn beschikbaar in gesloten b\u00e8ta.<\/p>\n<p>Codelagen<\/p>\n<p class=\"wp-block-paragraph\">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.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" width=\"1062\" height=\"708\" src=\"https:\/\/www.europesays.com\/be-nl\/wp-content\/uploads\/2026\/06\/figma-code.jpg.webp\" alt=\"\" class=\"wp-image-423048\" title=\"Figma Code\"  \/>Zet elk frame op het canvas om in werkende code door de agent te vragen het voor je te bouwen. Bron: Figma<\/p>\n<p class=\"wp-block-paragraph\">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.<\/p>\n<p>Iteraties<\/p>\n<p class=\"wp-block-paragraph\">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.<\/p>\n<p class=\"wp-block-paragraph\">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.<\/p>\n<p class=\"readalso__label\">Lees ook<\/p>\n<p>\t\t\t\t\t\t<a href=\"https:\/\/itdaily.be\/nieuws\/software\/anthropic-integreert-apps-zoal-slack-figma-en-canva-in-claude\/\" class=\"teaser__link\" aria-label=\"Anthropic integreert apps zoals Slack, Figma en Canva in Claude\" rel=\"nofollow noopener\" target=\"_blank\">Anthropic integreert apps zoals Slack, Figma en Canva in Claude<\/a><\/p>\n<p class=\"teaser__excerpt teaser__excerpt--1\">Vanaf nu kan je verschillende productiviteitsapps zoals Slack, Asana, Figma of C\u2026<\/p>\n<p>\t\t\t\t<a href=\"https:\/\/itdaily.be\/hub\/software\/\" class=\"article__category article__category-26917\" title=\"Theme: Software\" rel=\"nofollow noopener\" target=\"_blank\">Software<\/a>\t\t\t\t\t\t\t\t\t27.01.&#8217;26\t\t\t\t\t\t\t<\/p>\n<p class=\"wp-block-paragraph\">Gebruikers kunnen met \u00e9\u00e9n 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.<\/p>\n","protected":false},"excerpt":{"rendered":"Figma Design lanceert codelagen, waarmee teams direct op het canvas code kunnen cre\u00ebren, bewerken en delen. Het designplatform&hellip;\n","protected":false},"author":2,"featured_media":90638,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_share_on_mastodon":"0"},"categories":[38],"tags":[27,26,25,2238,39,41,42,46,40,45,43,44],"class_list":["post-90637","post","type-post","status-publish","format-standard","has-post-thumbnail","category-wetenschap-en-technologie","tag-be","tag-belgie","tag-belgium","tag-figma","tag-science","tag-science-and-technology","tag-scienceandtechnology","tag-technologie","tag-technology","tag-wetenschap","tag-wetenschap-en-technologie","tag-wetenschaptechnologie"],"share_on_mastodon":{"url":"https:\/\/pubeurope.com\/@be_nl\/116809787385762156","error":""},"_links":{"self":[{"href":"https:\/\/www.europesays.com\/be-nl\/wp-json\/wp\/v2\/posts\/90637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.europesays.com\/be-nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.europesays.com\/be-nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.europesays.com\/be-nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.europesays.com\/be-nl\/wp-json\/wp\/v2\/comments?post=90637"}],"version-history":[{"count":0,"href":"https:\/\/www.europesays.com\/be-nl\/wp-json\/wp\/v2\/posts\/90637\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.europesays.com\/be-nl\/wp-json\/wp\/v2\/media\/90638"}],"wp:attachment":[{"href":"https:\/\/www.europesays.com\/be-nl\/wp-json\/wp\/v2\/media?parent=90637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.europesays.com\/be-nl\/wp-json\/wp\/v2\/categories?post=90637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.europesays.com\/be-nl\/wp-json\/wp\/v2\/tags?post=90637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}