Use figma with AI Agents
A collaborative interface design tool.
🔗 Connect and Use figma
1. 🔑 Connect your figma account
2. ✅ Select an action
3. 🚀 Go live with the agent
What do you want to do?
Actions
Files
Projects
Comments
Comment Reactions
Users
Components
Component Sets
Styles
Webhooks
Activity Logs
Payments
Variables
Dev Resources
Open Index
API actions for figma for AI assitants/agents
Language
JS
PYTHON
Framework
Files
GET FILE JSON
Retrieves a JSON document using 'file_key' from a Figma URL. It includes
a 'document' node of type 'DOCUMENT' and a 'consider_components' mapping
node IDs to component metadata for source iden
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_FILE_JSON])
GET FILE JSON FOR SPECIFIC NODES
Fetches nodes from a Figma file using `ids` and returns them in JSON with
metadata, permissions, and optional vector data. Details on documents and
components included; nulls for non-existent
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_FILE_JSON_FOR_SPECIFIC_NODES])
RENDER IMAGES OF FILE NODES
Renders images from a file, outputs node IDs to image URLs map; errors omitted.
Supports up to 32 megapixels, scales down larger images, assets expire in
30 days. Null values in map indicate f
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_RENDER_IMAGES_OF_FILE_NODES])
GET IMAGE FILLS
This API endpoint generates download links for user-uploaded images in Figma
documents, which are represented as fills in shapes. Links, tied to image
references from the GET files output, exp
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_IMAGE_FILLS])
GET VERSIONS OF A FILE
This endpoint fetches the version history of a file, allowing you to see
the progression of a file over time. You can then use this information to
render a specific version of the file, via an
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_VERSIONS_OF_A_FILE])
Projects
GET PROJECTS IN A TEAM
This endpoint lists all Projects within a specified team, visible only to
the authenticated user or token owner. However, obtaining a team id programmatically
with a token is not possible; it
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_PROJECTS_IN_A_TEAM])
GET FILES IN A PROJECT
Get a list of all the Files within the specified project.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_FILES_IN_A_PROJECT])
Comments
GET COMMENTS IN A FILE
Gets a list of comments left on the file.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_COMMENTS_IN_A_FILE])
ADD A COMMENT TO A FILE
Posts a new comment on the file.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_ADD_A_COMMENT_TO_A_FILE])
DELETE A COMMENT
Deletes a specific comment. Only the person who made the comment is allowed
to delete it.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_DELETE_A_COMMENT])
Comment Reactions
GET REACTIONS FOR A COMMENT
Gets a paginated list of reactions left on the comment.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_REACTIONS_FOR_A_COMMENT])
ADD A REACTION TO A COMMENT
Posts a new comment reaction on a file comment.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_ADD_A_REACTION_TO_A_COMMENT])
DELETE A REACTION
Deletes a specific comment reaction. Only the person who made the reaction
is allowed to delete it.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_DELETE_A_REACTION])
Users
GET CURRENT USER
Returns the user information for the currently authenticated user.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_CURRENT_USER])
GET ME
Returns the user information for the currently authenticated user.<<DEPRECATED
use get_current_user>>
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_ME])
Components
GET TEAM COMPONENTS
Get a paginated list of published components within a team library.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_TEAM_COMPONENTS])
GET FILE COMPONENTS
Get a list of published components within a file library.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_FILE_COMPONENTS])
GET COMPONENT
Get metadata on a component by key.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_COMPONENT])
Component Sets
GET TEAM COMPONENT SETS
Get a paginated list of published component sets within a team library.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_TEAM_COMPONENT_SETS])
GET FILE COMPONENT SETS
Get a list of published component sets within a file library.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_FILE_COMPONENT_SETS])
GET COMPONENT SET
Get metadata on a component set by key.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_COMPONENT_SET])
Styles
GET TEAM STYLES
Get a paginated list of published styles within a team library.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_TEAM_STYLES])
GET FILE STYLES
Get a list of published styles within a file library.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_FILE_STYLES])
GET STYLE
Get metadata on a style by key.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_STYLE])
Webhooks
CREATE A WEBHOOK
Create a webhook to call an endpoint upon an event. It sends a PING upon
creation, but you can pause it during creation and reactivate it when desired.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_CREATE_A_WEBHOOK])
GET A WEBHOOK
Get a webhook by ID.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_A_WEBHOOK])
UPDATE A WEBHOOK
Update a webhook by ID.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_UPDATE_A_WEBHOOK])
DELETE A WEBHOOK
Deletes the specified webhook. This operation cannot be reversed.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_DELETE_A_WEBHOOK])
GET TEAM WEBHOOKS
Returns all webhooks registered under the specified team.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_TEAM_WEBHOOKS])
GET WEBHOOK REQUESTS
Returns all webhook requests sent within the last week. Useful for debugging.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_WEBHOOK_REQUESTS])
Activity Logs
GET ACTIVITY LOGS
Returns a list of activity log events
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_ACTIVITY_LOGS])
Payments
GET PAYMENTS
Two methods exist for querying user payment info in plugins, widgets, or
Community files: using plugin payment tokens or providing user and resource
IDs. Queries are limited to resources owned
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_PAYMENTS])
Variables
GET LOCAL VARIABLES
The API for Enterprise members enables listing of local and remote variables
in files and adds `boundVariables` to file details. It uses the same endpoint
for variable details and modes, exclu
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_LOCAL_VARIABLES])
GET PUBLISHED VARIABLES
The `GET /v1/files/:file_key/variables/published` API, for Enterprise org
members, fetches published variables, showing `id`, `subscribed_id` (changes
on modification), omitting modes for coll
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_PUBLISHED_VARIABLES])
CREATE MODIFY DELETE VARIABLES
The `POST /v1/files/:file_key/variables` endpoint lets Enterprise members
bulk manage variables & collections, including creation, update, and deletion,
with specific rules. Requests must be <
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_CREATE_MODIFY_DELETE_VARIABLES])
Dev Resources
GET DEV RESOURCES
Get dev resources in a file
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_GET_DEV_RESOURCES])
CREATE DEV RESOURCES
The text outlines a method for mass-producing dev resources, tracking successes
in the links_created array and noting failures—due to missing file_key,
resource limit, or URL duplication—in th
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_CREATE_DEV_RESOURCES])
UPDATE DEV RESOURCES
Bulk update dev resources across files updates IDs in `links_updated` if
successful. Unupdatable resources appear in `errors`, but may still return
a 200 response.
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_UPDATE_DEV_RESOURCES])
DELETE DEV RESOURCE
Delete a dev resource from a file
from composio_langchain import ComposioToolSet, Action
tool_set = ComposioToolSet()
tools = tool_set.get_tools(actions=[Action.FIGMA_DELETE_DEV_RESOURCE])
Frequently asked questions
What is Composio.dev?
Composio.dev is a platform for building AI applications, designed to make the process of developing AI solutions super easy and fun! It provides a comprehensive set of tools and libraries that simplify the process of developing AI solutions, allowing you to focus on the creative aspects of your project without getting bogged down by the technical details.
How does Composio.dev support figma?
Composio.dev seamlessly integrates with figma, allowing you to leverage its capabilities within the Composio.dev platform. You can utilize figma to call functions across various platforms, including Google, GitHub, and others, making it a breeze to incorporate different services into your AI applications. Additionally, it supports user authentication via OAuth2 and can work in conjunction with other popular frameworks like LangChain and CrewAI, giving you the flexibility to build truly innovative AI solutions.
What models can I use with figma?
With figma, you have access to a wide range of state-of-the-art language models, including GPT-4o (OpenAI), GPT-3.5 (OpenAI), GPT-4 (OpenAI), Claude (Anthropic), PaLM (Google), LLaMA and LLaMA 2 (Meta), Gemini, and many others. This flexibility allows you to choose the model that best suits your specific use case, whether you're building a chatbot, a content creation tool, or any other AI-powered application. You can experiment with different models and find the one that delivers the best performance for your project.
How can I integrate figma into my project?
Composio.dev provides a seamless integration for figma, making it super easy to incorporate this powerful framework into your projects. You can leverage the Composio.dev API to call functions from figma, allowing you to tap into its capabilities with just a few lines of code. The SDK is available in Python, JavaScript, and TypeScript, so you can work with your preferred programming language and integrate figma into your projects seamlessly.
What is the pricing for figma?
figma is completely free to use, with a generous free tier that allows up to 1000 requests per month. This makes it accessible for developers and organizations of all sizes to explore and experiment with this powerful tool without any upfront costs. Whether you're a student working on a personal project or a startup building the next big thing, you can get started with figma without worrying about breaking the bank.
What kind of authentication is supported for figma?
figma supports OAuth2 authentication, ensuring secure and authorized access to its functionalities. You can leverage the Composio.dev API to handle authentication and call functions from figma seamlessly. The SDK is available in Python, JavaScript, and TypeScript for your convenience, making it easy to integrate authentication into your projects and keep your users' data safe and secure.
Can I add figma to my project?
Absolutely! You can easily incorporate figma into your project by utilizing the Composio.dev API. This API allows you to call functions from figma, enabling you to leverage its capabilities within your application. The SDK is available in Python, JavaScript, and TypeScript to facilitate integration, so you can work with the language you're most comfortable with and add figma to your project with ease.
What is the accuracy of figma?
figma is designed to provide highly accurate and reliable results, ensuring that your AI applications perform at their best. The integration with Composio.dev ensures precise function calls, enabling you to build robust and powerful AI applications with confidence. figma's comprehensive framework and the ability to leverage state-of-the-art models ensure reliable and accurate outcomes for your AI development needs, whether you're working on a chatbot, a content creation tool, or any other AI-powered project.
What are some common use cases for figma?
figma can be used for a wide range of AI applications, making it a versatile tool for developers and creators alike. Some common use cases include natural language processing, text generation, question answering, sentiment analysis, and more. It's particularly useful for building chatbots, virtual assistants, content creation tools, and other AI-powered applications that can help you automate tasks, engage with users, and create compelling content. Whether you're working on a personal project or building a product for your startup, figma can help you bring your ideas to life.
How does figma handle data privacy and security?
Data privacy and security are crucial considerations when working with AI systems, and figma takes these issues seriously. It follows industry best practices and adheres to strict data protection regulations, ensuring that your data is kept safe and secure. figma provides robust security measures, such as encryption and access controls, to ensure the confidentiality and integrity of your data. You can rest assured that your sensitive information is protected when using figma for your AI development needs.
+ Integrate seamlessly with your agentic frameworks
🚀 Ship AI Agents faster than ever.
Connect your AI Agents and LLMs Apps with 90+ tools right out of the box.