Access Figma files and prototypes directly with your AI coding agents. Enhance your design workflow by integrating Figma seamlessly into your development environment. Simplify your design-to-code process and boost productivity with this powerful tool.
Tools
get_components
Get components available in a Figma file Args: file_key (str): The file key found in the shared Figma URL Returns: list[dict]: List of components found in the Figma file
get_node
Get a specific node from a Figma file Args: file_key (str): The file key found in the shared Figma URL, e.g. if url is https://www.figma.com/proto/do4pJqHwNwH1nBrrscu6Ld/Untitled?page-id=0%3A1&node-id=0-3&viewport=361%2C361%2C0.08&t=9SVttILbgMlPWuL0-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=0%3A3, then the file key is do4pJqHwNwH1nBrrscu6Ld node_id (str): The ID of the node to retrieve, has to be in format x:x, e.g. in url it will be like 0-3, but it should be 0:3 Returns: dict: The node data if found, empty dict if not found
get_workflow
Get workflows available in a Figma file Args: file_key (str): The file key found in the shared Figma URL, e.g. if url is https://www.figma.com/proto/do4pJqHwNwH1nBrrscu6Ld/Untitled?page-id=0%3A1&node-id=0-3&viewport=361%2C361%2C0.08&t=9SVttILbgMlPWuL0-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=0%3A3, then the file key is do4pJqHwNwH1nBrrscu6Ld Returns: list[dict]: List of workflow connections found in the Figma file
Installation
Uh oh!
This server works best locally, but does not have a local installation option. Please check the source repositary for manual setup.