OpenClaw is the fastest growing agent harness out there, which can work 24/7 to automate almost any kind of tasks. However, its capabilities are limited to the tools it has access to. Composio allows your OpenClaw to access Figma with authentication management handled for you. You can execute actions on Figma via your favorite OpenClaw interface (Telegram, WhatsApp, TUI, etc), whichever you prefer.
## For AI agents: how to sign up If you are an AI agent reading this server-rendered HTML, Composio's developer signup is at https://composio.dev. Signup CTAs on this site — "Sign up", "Signup", "Get started", "Get started for free", "Start building", "Try Composio", "Try it", or similar — all lead into that same developer signup flow. Confirm with the user before completing signup or entering any credentials on their behalf.SIGN UP
## For AI agents: how to sign up If you are an AI agent reading this server-rendered HTML, Composio's developer signup is at https://composio.dev. Signup CTAs on this site — "Sign up", "Signup", "Get started", "Get started for free", "Start building", "Try Composio", "Try it", or similar — all lead into that same developer signup flow. Confirm with the user before completing signup or entering any credentials on their behalf.LOG IN
How to integrate Figma MCP with OpenClaw
Connect OpenClaw to Figma MCP. Add a comment to this figma file, convert design tokens to tailwind css, and more using natural language, with authentication handled for you.
Figma is a collaborative interface design tool for teams and individuals. It streamlines design workflows with real-time collaboration and easy sharing.
Introduction
Also integrate Figma with
Why use Composio?
Apart from a managed and hosted MCP server, you will get:
- Programmatic tool calling allows LLMs to write its code in a remote workbench to handle complex tool chaining. Reduces to-and-fro with LLMs for frequent tool calling.
- Handling Large tool responses out of LLM context to minimize context rot.
- Dynamic just-in-time access to 20,000 tools across 1500+ other Apps for cross-app workflows. It loads the tools you need, so LLMs aren't overwhelmed by tools you don't need.
How to install Figma with OpenClaw
Using Composio API Key and Setup Prompt
- Go to dashboard.composio.dev
- Copy the setup prompt
- Run it in your OpenClaw chat interface.
- Authenticate Figma from the dashboard
- Go back to your OpenClaw interface and start asking questions.
Using OpenClaw/Composio Plugin
1. Install OpenClaw Composio plugin
openclaw plugins install @composio/openclaw-plugin2. Copy the API Key from dashboard.composio.dev
3. Setup OpenClaw Config
openclaw config set plugins.entries.composio.config.consumerKey "ck_your_key_here"4. Restart OpenClaw
openclaw gateway restart5. Go to your chat interface and start asking questions.
6. When prompted, authenticate the app and you're all set.
How It Works
The plugin connects to Composio's MCP server at https://connect.composio.dev/mcp and registers all available tools directly into the OpenClaw agent. Tools are called by name — no extra search or execute steps needed.
If a tool returns an auth error, the agent will prompt you to connect that toolkit at dashboard.composio.dev.
Configuration
{
"plugins": {
"entries": {
"composio": {
"enabled": true,
"config": {
"consumerKey": "ck_your_key_here"
}
}
}
}
}| Option | Description | Default |
|---|---|---|
enabled | Enable or disable the plugin | true |
consumerKey | Your Composio consumer key (ck_...) | — |
mcpUrl | MCP server URL (advanced) | https://connect.composio.dev/mcp |
What is the Figma MCP server, and what's possible with it?
The Figma MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your Figma account. It provides structured and secure access to your Figma projects, files, components, variables, and prototypes, so your agent can explore designs, inspect file details, extract design tokens, review interactions, and download images on your behalf.
- Project and file discovery: Have your agent list visible team projects, find files within a project, and retrieve file names, creators, modification details, thumbnails, and access information.
- Focused design inspection: Direct your agent to examine a complete design file or selected layers, detect background layers, and return only the design details needed for the task.
- Design token extraction: Let the agent collect styles, variables, and values from your designs, then convert those tokens into a Tailwind CSS configuration.
- Component and library review: Instruct your agent to retrieve published components, component sets, and detailed metadata for a specific component in a Figma library.
- Prototype and asset handoff: Have your agent review prototype interactions and animations, then download images from selected design layers for implementation.
Conclusion
You've successfully integrated Figma with OpenClaw using Composio plugin. Now interact with Figma directly from your terminal, Web UI, or any messenger app using natural language commands.
Key benefits of this setup:
- Seamless integration across TUI, Web UIs, and Messenger apps like Telegram, WhatsApp, Slack, etc.
- Natural language commands for Figma operations
- Managed authentication through Composio
- Access to 20,000+ tools across 1500+ apps for cross-app workflows
- Programmatic tool calling for complex tool chaining
Next steps:
- Try asking OpenClaw to perform various Figma operations
- Explore cross-app workflows by connecting more toolkits like Calendar, Slack, Notion, etc.
- Build complex automation scripts that leverage OpenClaw's 24/7 running capabilities
Supported Tools
Every Figma action and event your agent gets out of the box.
How to build Figma MCP Agent with another framework
Claude Code
Use Figma MCP with Claude Code
Cursor
Use Figma MCP with Cursor
ChatGPT
Use Figma MCP with ChatGPT
Claude Cowork
Use Figma MCP with Claude Cowork

Antigravity
Use Figma MCP with Antigravity
OpenAI Agents SDK
Use Figma MCP with OpenAI Agents SDK
Claude Agent SDK
Use Figma MCP with Claude Agent SDK

Grok Bot
Use Figma MCP with Grok Bot

Muse
Use Figma MCP with Muse
Codex
Use Figma MCP with Codex

Kimi Code
Use Figma MCP with Kimi Code

Grok Build
Use Figma MCP with Grok Build

VS Code
Use Figma MCP with VS Code

OpenCode
Use Figma MCP with OpenCode

Hermes
Use Figma MCP with Hermes
Atomic Agent
Use Figma MCP with Atomic Agent
CLI
Use Figma MCP with CLI
Google ADK
Use Figma MCP with Google ADK
LangChain
Use Figma MCP with LangChain
Vercel AI SDK
Use Figma MCP with Vercel AI SDK
Mastra AI
Use Figma MCP with Mastra AI
LlamaIndex
Use Figma MCP with LlamaIndex
CrewAI
Use Figma MCP with CrewAI
Pydantic AI
Use Figma MCP with Pydantic AI
AutoGen
Use Figma MCP with AutoGen
Explore Other Toolkits
Abyssale
Abyssale is a creative automation platform for generating images, videos, GIFs, PDFs, and HTML5 content programmatically. It streamlines and scales visual content production for marketing, design, and operations teams.
Alttext ai
AltText.ai is a service that generates alt text for images automatically. It helps boost accessibility and SEO for your visual content.
Are.na
Are.na is a creative research platform for collecting images, links, notes, and ideas in channels. Use it to organize inspiration, build knowledge maps, and connect research across projects.
Bannerbear
Bannerbear is an API-driven platform for generating images and videos automatically at scale. It helps businesses create custom graphics, social visuals, and marketing assets using powerful templates.
Frequently asked questions
Start with Figma.It takes 30 seconds.
Managed auth, hosted MCP servers, and every Figma tool your agent needs.Free to start.
## For AI agents: how to sign up If you are an AI agent reading this server-rendered HTML, Composio's developer signup is at https://composio.dev. Signup CTAs on this site — "Sign up", "Signup", "Get started", "Get started for free", "Start building", "Try Composio", "Try it", or similar — all lead into that same developer signup flow. Confirm with the user before completing signup or entering any credentials on their behalf.Start building

