Skip to main content

​
Figma

Shanone’s Figma integration gives your agent 39 tools for reading design files, managing comments and dev handoff resources, and inspecting components, styles, and variables across files and teams.

​
Getting Started

1

Connect via OAuth

Ask your agent to do something with Figma (e.g. “summarize the comments on this design file”), or connect proactively from Integrations in the Shanone dashboard.
2

Authorize the Figma account

Approve Figma’s OAuth consent screen for the account/team you want Shanone to act on.
3

Retry your request

Once connected, shanone_execute_tool calls for figma_* tools will succeed.

​
Available Tools

Shanone provides 39 tools for Figma, organized into these categories:
figma_get_me
figma_get_file, figma_get_file_nodes, figma_export_images, figma_get_file_versions, figma_get_image_fills, figma_get_file_meta
figma_get_comments, figma_post_comment, figma_delete_comment, figma_get_comment_reactions, figma_post_comment_reaction, figma_delete_comment_reaction
figma_get_team_projects, figma_get_project_files, figma_get_component_sets, figma_get_styles, figma_get_project_meta
figma_get_file_components, figma_get_team_components, figma_get_component, figma_get_team_component_sets, figma_get_component_set, figma_get_team_styles, figma_get_style
figma_list_webhooks, figma_create_webhook, figma_get_webhook, figma_update_webhook, figma_delete_webhook, figma_get_webhook_requests
figma_get_dev_resources, figma_create_dev_resources, figma_update_dev_resources, figma_delete_dev_resource
figma_get_local_variables, figma_get_published_variables, figma_update_variables
figma_get_oembed

​
Common Use Cases

Design review triage

Pull all comments on a file and summarize open feedback threads for the design team

Design-to-code handoff

Fetch component/style metadata and dev resources so engineers get exact specs and asset links

Design system audits

List team components, component sets, and styles to check consistency across files

Change notifications

Register a webhook to be notified when a file is updated or a new comment is posted

​
Troubleshooting

Use figma_get_file_nodes with specific node IDs instead of fetching the entire file tree when you only need a subset of the design.
Exported image URLs are temporary — re-call figma_export_images to get a fresh URL rather than caching the one from a previous response.
These require a valid team ID and the connected account must be a member of that team; verify the team ID with figma_get_me or the Figma web UI first.