Figma

Read design files, components, styles, and comments from your Figma projects.

Connect

1. Go to Settings → Integrations
2. Click Connect next to Figma
3. Authorize Agent Nine in the popup
4. Done — Figma is now available

Capabilities

Action	Description
Browse files	List design files in your teams and projects
Read designs	View component structure, layers, and properties
Components	Inspect reusable components and their variants
Styles	Read color palettes, typography, and design tokens
Comments	View comments and feedback on designs
File versions	Check version history

Examples

What's the latest version of the dashboard design?

Show me the color palette from the design system

List all components in the "UI Kit" file

What comments are on the mobile login screen?

What are the typography styles in our design system?

Read the spacing tokens from the component library

Tips

• Reference by file name — "in the Dashboard file", "from the Mobile App project"
• Design-to-code workflow — inspect Figma designs, then ask Agent Nine to generate matching components
• Review feedback — read Figma comments, then implement the requested design changes

Disconnect

Go to Settings → Integrations → click Disconnect next to Figma.