Fetching from the wire…
Top 5 · 2026-06-27 · source-backed
Figma just collapsed the workflow I've fought my entire career. At Config 2026 (June 23 to 25, San Francisco), they shipped "code layers": executable code that lives directly on the canvas. Teams can clone a repo and extract real flows into design layers. They added Figma Motion with native timelines and 3D, WebGPU shader fills generated from prompts, and a design agent with reusable "skills" plus connectors to Notion, Excel, and GitHub. Dylan Field's framing: "AI lowered the floor, designers raise the ceiling." (Figma)
I came up as a visual communications designer before I went full-stack, so I've lived both sides of the design-to-dev handoff. It's where craft goes to die. The designer ships a perfect Figma file, the engineer rebuilds it in code, and the two artifacts drift apart within a sprint. Every redline, every "the spacing is 2px off" ticket, every "that animation isn't possible" rejection comes from the gap between a picture of the thing and the thing. Code layers attack that gap directly. The canvas isn't a picture anymore. It's the running artifact.
Notice the word "skills" again. Figma's design agent uses reusable skills the same way Claude Code and Cursor do. That's not a coincidence, it's the week's quiet pattern. Capability is becoming a portable unit you author once and run wherever, and now it's showing up inside a design tool. The connectors to GitHub and Excel mean the agent can pull real data and real components, not lorem ipsum.
This is also a defensive move, and you should read it that way. Canva shipped its own foundation model and Google has Pics. Figma is the incumbent answering AI-native pressure by absorbing the thing that made it sticky, the handoff, and removing it. If your moat is "we sit between design and code," that moat just got shorter.
What builders should do: if you ship product, get on the code-layer flow and wire your real component library into it. The teams that win the next year of UI work won't be the ones with the prettiest Figma files. They'll be the ones whose design artifact and shipped artifact are the same object.
Each link below shares sources, entities, or timing with this story.
Google released Stitch / Shared entities / Shared topic / Earlier coverage
Linked by a graph relationship (Google released Stitch); both cover Claude Code, Code, Cursor, Figma; overlapping topics (agent, canva, code, design, directly).
Anthropic partners with Google / Shared entities / Shared topic / Earlier coverage
Linked by a graph relationship (Anthropic partners with Google); both cover Canva, Claude Code, Cursor, Figma; overlapping topics (agent, canva, code, skill).
Google released MCP / Shared entities / Same source domain / Shared topic / Earlier coverage
Linked by a graph relationship (Google released MCP); both cover Claude Code, Cursor, Figma; reported by the same outlet (figma.com).
Anthropic partners with Google / Shared entities / Shared topic / Earlier coverage
Linked by a graph relationship (Anthropic partners with Google); both cover Canva, Claude Code, Cursor, Figma; overlapping topics (agent, canva).
Anthropic partners with Google / Shared entities / Shared topic / Earlier coverage / Tension
Linked by a graph relationship (Anthropic partners with Google); both cover Canva, Dylan Field, Figma, Google; overlapping topics (canva, design, figma).
Google released MCP / Shared entities / Shared topic / Earlier coverage
Linked by a graph relationship (Google released MCP); both cover Claude Code, Cursor, Figma, GitHub; overlapping topics (agent, code, component, design).
Anthropic partners with Google / Shared entities / Shared topic / Earlier coverage
Linked by a graph relationship (Anthropic partners with Google); both cover Canva, Figma, GitHub, Google; overlapping topics (agent, canva, figma, skill).
Google released Stitch / Shared entities / Same source domain / Shared topic / Earlier coverage
Linked by a graph relationship (Google released Stitch); both cover Claude Code, Cursor, Figma, Google; reported by the same outlet (figma.com).