Observed Signal · Jun 24, 2026 · Technical Release · Source: techcrunch · Impact: 3/5 · Sentiment: Positive
Figma adds code layers, animations and AI plugin tools
Figma announced a product update that introduces code layers on its collaborative canvas, built-in support for animations, transitions and 3D transforms, and expanded AI-powered tooling for asset generation and extensibility. The code layers let teams clone repositories and extract flows from code into design layers for testing, intended to speed iteration between designers, product managers and engineers. The update also adds shader effects and AI-generated fills, and enables users to create repeatable AI 'skills' and custom plug-ins using text prompts. Figma plans deeper integration with its recently acquired Weavy node-based media tool, allowing users to generate Weavy workflows inside Figma in a later release. The company says the features aim to tighten the design-to-code handoff and bring more production-like interactivity directly into the design environment.
The release improves design-to-code handoff and brings animation and AI-driven asset generation into a widely used collaborative design platform, which can speed creative workflows and affect how ad creatives and DCO assets are produced.
Track Figma Signals & Market Shifts in Real-Time
Polaris7 autonomous intelligence agents track regulatory filings, primary sources, executive changes, and deal flow 24/7. Create your free Explorer workspace to monitor these entities.
Key Takeaways & Evidence Grounding
- Figma added code layers to its collaborative canvas to help teams clone repositories and extract flows from code into design layers for testing.
- Figma now supports animations, transitions and 3D transforms natively in the app.
- The update adds AI-powered shader effects and fills and enables AI-assisted asset creation.
- Users can write text prompts to create repeatable AI 'skills', connect tools (Notion, Granola, Excel, GitHub) for context, and build custom plug-ins via prompts.
- Figma plans an integration that will let users generate Weavy workflows directly within Figma later in the year.
Connected Companies & Entities
5 Entities mapped“Figma on Wednesday showed off an update that adds a new code layer, support for motion and shaders, and the ability to create custom plug-in...”
“Users can now write text prompts to create repeatable skills that AI agents can use. You can also connect tools like Notion, Granola, Excel,...”
“The article reporting the update was published on TechCrunch and authored by Ivan Mehta....”
Ontology Mapping & Concepts
Related Market Signals & Shifts
Recent verified developments and strategic activity across this market segment.
Figma’s Pivot: Canvas to Code at Config 2026
At Config 2026 Figma pushed beyond a traditional design canvas toward code-aware, agent-connected workflows—adding code layers, Figma Motion (timeline-based animation), shader tools, and deeper agent integration. The article argues these moves are defensive: AI is pulling product development toward code editors and agentic automation, which could weaken Figma’s seat-based collaboration business model if teams begin working and shipping from code-native environments. Figma has introduced features such as MCP, Code Connect, and Figma Make (local code) to make design data more portable and preserve design intent across development tools. The piece highlights Anthropic’s Claude Design and Claude Code as a competing agentic workflow that can operate across codebases and threaten traditional design handoffs. The ultimate test will be whether teams continue to spend their most important time inside Figma or shift into AI agents and code-first workflows.
Figma Adds AI Assistant to Collaborative Canvas
Figma has introduced a built-in AI assistant that runs inside its collaborative canvas, allowing users to use natural-language prompts to generate new designs, edit existing ones, and automate tasks such as producing design iterations. The agent can run multiple simultaneous agents and is claimed to understand design context because it uses models fine-tuned for design. The feature launches first in Figma Design with plans to expand to other Figma products over time. The announcement follows recent partnerships with OpenAI and Anthropic to integrate coding-oriented AI tools, and comes amid increased competition from Canva, Adobe and other design platforms. Figma reported $333.4 million in revenue for Q1 2026, up 46% year-over-year.
Figma and Anthropic Transform AI Code into Editable Designs
Figma announced a partnership with Anthropic and launched "Code to Canvas," a feature that converts AI-generated code (such as outputs from Anthropic’s Claude Code) into fully editable designs within Figma’s canvas. The tool lets teams import interfaces produced by AI agents, refine designs, compare alternatives side-by-side, and align on decisions. The move signals Figma's bet that design remains essential even as agentic coding tools advance, though the company acknowledged a risk that improving AI could shorten or bypass design iterations. The article also notes Anthropic’s prominence amid a broad sell-off in SaaS stocks, and that Figma’s share price has fallen roughly 85% from its 52-week high; Figma is scheduled to report earnings on Wednesday after market close.
Track Real-Time Market Signals & Shifts
Set up custom watchlists to receive automated, evidence-grounded executive digests whenever material signals or shifts occur across your tracked landscape.