figma

PackFiles & storage

The figma plugin connects an AI agent to the Figma design platform. It lets the agent read design files, pull out component details and design tokens, and turn designs into code, bridging the gap between design and development workflows.

Unavailable. Delivery for this kind is on the roadmap — not serving yet.

Have access to a Figma account and the design files you want the agent to work with.

What your AI can do with it

  • Access design files stored in Figma
  • Extract component information from designs
  • Read design tokens
  • Translate designs into code
  • Connect agent workflows to the Figma design platform

Getting started

  1. Have access to a Figma account and the design files you want the agent to work with.
  2. Install the figma plugin in your agent setup.
  3. Configure the plugin so the agent can connect to the Figma design platform.
  4. Ask the agent to read a design file, extract components or tokens, or translate a design into code.

Signals

GitHub stars
37k
Forks
4k
Last commit
Sep 2026
Hacker News mentions
20

ahel review

  • S4info
    community integration, published by anthropics, not figma

Automated review, not a security audit. Ruleset v1.

Questions

What does the figma plugin do?
It connects an AI agent to the Figma design platform so the agent can access design files, extract component information, read design tokens, and translate designs into code.
Can it turn designs into code?
Yes. Translating designs into code is one of its core functions, alongside reading design files, components, and tokens.
Who is it for?
People who use an AI agent and want it to work with Figma designs as part of a design-to-development workflow.
Advanced
Item type
plugin
Key
anthropics-claude-plugins-official-figma
Source
github.com/anthropics/claude-plugins-official