# Figma agent

Figma agent is a conversational AI tool used within Figma files to generate designs, make edits, apply design systems, provide feedback, and handle busywork.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## 10 Figma agent skills featured by Figma

DevFeed: [10 Figma agent skills featured by Figma](<https://devfeed.tech/articles/try-these-10-skills-and-show-off-your-own-10171.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/try-these-10-skills-and-show-off-your-own/>)

Author: Miggi Cardona

Published: 2026-08-13T16:00:00Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Figma agent](<https://devfeed.tech/topics/figma-agent.md>), [Figma Community](<https://devfeed.tech/topics/figma-community.md>), [Design system](<https://devfeed.tech/topics/design-system.md>), [recommendations](<https://devfeed.tech/topics/recommendations.md>)

Tags: [design-system](<https://devfeed.tech/tags/design-system.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-agent](<https://devfeed.tech/tags/figma-agent.md>), [figma-community](<https://devfeed.tech/tags/figma-community.md>), [recommendations](<https://devfeed.tech/tags/recommendations.md>)

### AI overview

Figma explains how users can author skills for its agent directly in Figma, preview and edit them, and iterate on them through testing. The article highlights 10 skills from the Figma Community, including examples for generating radiographs and reviewing animation opportunities.

### Source excerpt

Now you can author skills for our agent, directly in Figma, to put your point of view to work. Here are 10 of our favorites to get you started.

## Code on the Figma canvas

DevFeed: [Code on the Figma canvas](<https://devfeed.tech/articles/code-on-the-figma-canvas-9569.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/code-on-the-figma-canvas/>)

Author: Nikolas Klein

Published: 2026-06-24T14:30:00Z

Content type: release

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Code](<https://devfeed.tech/topics/code.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [Figma agent](<https://devfeed.tech/topics/figma-agent.md>)

Tags: [agent](<https://devfeed.tech/tags/agent.md>), [code](<https://devfeed.tech/tags/code.md>), [figma](<https://devfeed.tech/tags/figma.md>), [github](<https://devfeed.tech/tags/github.md>), [update](<https://devfeed.tech/tags/update.md>)

### AI overview

Figma introduces code layers in Figma Design, allowing teams to create, import, edit, compare, and refine interactive code directly on the Figma canvas. Code layers can be generated with the Figma agent or Make, connected to GitHub repositories or local folders, converted into editable Figma layers, and pushed back to a repository. The feature is rolling out in closed beta, with early access available by request.

### Source excerpt

With code layers in Figma Design, you can explore multiple directions with code, side by side with your team.

## Introducing Figma Motion: Your canvas now has a timeline

DevFeed: [Introducing Figma Motion: Your canvas now has a timeline](<https://devfeed.tech/articles/introducing-figma-motion-your-canvas-now-has-a-timeline-9894.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/introducing-figma-motion/>)

Author: David Hornsby

Published: 2026-06-24T13:30:00Z

Content type: release

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Figma agent](<https://devfeed.tech/topics/figma-agent.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [design](<https://devfeed.tech/tags/design.md>), [dev](<https://devfeed.tech/tags/dev.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-agent](<https://devfeed.tech/tags/figma-agent.md>)

### AI overview

Figma introduces Motion, a timeline-based animation layer built into the same canvas as designs, components, variables, and team collaboration. The release includes timeline controls, keyframing, animation styles, time-based comments, and Figma agent assistance for creating motion.

### Source excerpt

Motion now lives on the canvas--in the same file as your components, your variables, and your team--so your designs can come to life from day one.

## 4 ways we're using our MCP server at Figma

DevFeed: [4 ways we're using our MCP server at Figma](<https://devfeed.tech/articles/4-ways-we-re-using-our-mcp-server-at-figma-9467.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/4-ways-were-using-our-mcp-server-at-figma/>)

Author: Mari Kong

Published: 2026-06-16T12:00:00Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [MCP Server](<https://devfeed.tech/topics/mcp-server.md>), [Figma agent](<https://devfeed.tech/topics/figma-agent.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [agents](<https://devfeed.tech/tags/agents.md>), [design-system](<https://devfeed.tech/tags/design-system.md>), [development](<https://devfeed.tech/tags/development.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-agent](<https://devfeed.tech/tags/figma-agent.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [mcp-server](<https://devfeed.tech/tags/mcp-server.md>), [workflows](<https://devfeed.tech/tags/workflows.md>)

### AI overview

Figma describes four ways its MCP server and related agent capabilities are being used across product development workflows, including updating living decks, creating designs on the Figma canvas, and connecting design decisions with code.

### Source excerpt

The Figma MCP server reaches further across the platform than it ever has. From updating a living deck to shipping a design to production--here's what that looks like in practice.

## The Figma design agent is here

DevFeed: [The Figma design agent is here](<https://devfeed.tech/articles/the-figma-design-agent-is-here-10106.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/the-figma-agent-is-here/>)

Author: Rodrigo Davies; Tammy Taabassum

Published: 2026-05-20T12:00:00Z

Content type: release

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Figma agent](<https://devfeed.tech/topics/figma-agent.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Design system](<https://devfeed.tech/topics/design-system.md>), [MCP](<https://devfeed.tech/topics/mcp.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [agentic](<https://devfeed.tech/tags/agentic.md>), [agentic-workflows](<https://devfeed.tech/tags/agentic-workflows.md>), [ai](<https://devfeed.tech/tags/ai.md>), [design-system](<https://devfeed.tech/tags/design-system.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-agent](<https://devfeed.tech/tags/figma-agent.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [tokens](<https://devfeed.tech/tags/tokens.md>), [tools](<https://devfeed.tech/tags/tools.md>), [workflow](<https://devfeed.tech/tags/workflow.md>), [workflows](<https://devfeed.tech/tags/workflows.md>)

### AI overview

Figma announces a purpose-built Figma agent that works directly on the canvas and in the left rail. The agent uses context about components, tokens, standards, and best practices to help teams explore ideas, edit files, and iterate within shared design workflows.

### Source excerpt

Starting today, work with an agent that is built for Figma--directly on the canvas.