---
title: "Figma adds code layers to the canvas and lets users build custom AI plugins at Config 2026"
url: https://daily.dev/posts/figma-adds-code-layers-to-the-canvas-and-lets-users-build-custom-ai-plugins-at-config-2026-b5lrum3hj
source_url: https://thenextweb.com/news/figma-config-code-layers-ai-skills-plugins-animations
type: article
source: "The Next Web"
published: 2026-06-24T17:10:52.698Z
updated: 2026-06-24T17:11:11.365Z
tags: ["react", "figma", "design-tools"]
reading_time: 4
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Figma adds code layers to the canvas and lets users build custom AI plugins at Config 2026

**[The Next Web](https://daily.dev/sources/tnw)** · 4 min read · 0 upvotes · 0 comments

## Summary

Figma unveiled several major updates at its Config 2026 conference. The headline feature is code layers, which brings executable code directly onto the collaborative design canvas, allowing teams to clone repos and extract flows from code into design layers. The feature is backed by React and supports npm packages including motion and 3D libraries. Other announcements include native animation and 3D transform support, AI-generated shader effects, prompt-based custom plugin creation, and new AI skills for Figma's design assistant that can connect to external tools like Notion, GitHub, and Excel. Figma also deepened integration with Figma Weave (from its Weavy acquisition). The updates come as Figma faces competitive pressure from AI coding tools like OpenAI Codex, Canva's AI model, Adobe Firefly, and Google Pics, with its stock down ~79% since its July 2025 IPO.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://thenextweb.com/news/figma-config-code-layers-ai-skills-plugins-animations>

## Similar posts on daily.dev

- [Figma adds code layers, support for animations, more AI features in new update](https://daily.dev/posts/figma-adds-code-layers-support-for-animations-more-ai-features-in-new-update-2drvuw2lb) · TechCrunch · 0 upvotes · 0 comments
- [Config 2026: New materials, new tools and a more expressive canvas](https://daily.dev/posts/config-2026-new-materials-new-tools-and-a-more-expressive-canvas-mtp8laipq) · Figma · 1 upvotes · 0 comments
- [Code on the Figma canvas](https://daily.dev/posts/code-on-the-figma-canvas-kurlrqal3) · Figma · 0 upvotes · 0 comments

---

Tags: [#react](https://daily.dev/tags/react), [#figma](https://daily.dev/tags/figma), [#design-tools](https://daily.dev/tags/design-tools)

[View this post on daily.dev](https://daily.dev/posts/figma-adds-code-layers-to-the-canvas-and-lets-users-build-custom-ai-plugins-at-config-2026-b5lrum3hj)