Vibma
FreeMaintainedVibma — Vibe Design meets Figma. AI-powered MCP bridge for designing in Figma.
About
Vibma — Vibe Design meets Figma. AI-powered MCP bridge for designing in Figma.
README
Vibma
Vibe Design meets Figma.
https://github.com/user-attachments/assets/bf38e37d-57bb-40b3-a2d1-f89216117c11
Project Status: Vibma is no longer under active development. Figma has launched native MCP capabilities through Figma for Agents, and the Vibma plugin was not accepted to the Figma marketplace due to "overlap" with this first-party offering.
Vibma is not an official Figma tool. For production use, we recommend Figma's native MCP integration and encourage you to follow Figma's official updates for the latest agent capabilities.
The source code remains available under MIT for learning and reference. We recommend reading Figma's Terms of Service before using Vibma to ensure compliance with their platform policies.
Vibma helps AI agents produce structurally sound Figma files — proper auto-layout, design tokens, component architecture, and reusable design-system patterns.
Model Recommendations
Vibma works with any MCP-capable LLM, but model quality matters.
| Tier | OpenAI | Claude | Gemini | Open Source |
|---|---|---|---|---|
| Baseline | GPT 5.2 Medium | Claude Sonnet 4.6 | Gemini 2.5 Flash | Kimi K2.5 |
| Recommended | GPT 5.4 | Claude Opus 4.6 | Gemini 3.1 Pro | Kimi K2.6 |
- GPT 5.4 — best overall balance of tool competence and design taste.
- Claude Opus 4.6 — strongest tool use, but final designs can feel formulaic.
- Gemini 3.1 Pro — solid middle ground; GPT 5.4 currently edges it on both axes.
- Kimi K2.6 — performs well in following harness instructions, probably the cheapeast model that delivers a good experience overall.
Setup
| Guide | For | |
|---|---|---|
| 📦 | DRAGME.md | Clone the repo, build from source |
| ☁️ | CARRYME.md | Install from npm, zero cloning |
| 📖 | Docs | Tool reference — parameters, response schemas, examples |
Or paste this to your AI agent:
Set up Vibma so I can vibe-design in Figma.
Follow the instructions at https://raw.githubusercontent.com/ufira-ai/vibma/refs/heads/main/CARRYME.md
Optional: Library & Image Tools
All core tools work without API keys. Two optional integrations add library discovery and stock photos:
| Env var | Enables | How to get it |
|---|---|---|
FIGMA_API_TOKEN |
Library — discover published team library components and styles | Figma Settings > Security > Personal access tokens |
FIGMA_TEAM_ID |
Default team for library discovery | The number in figma.com/files/team/<ID>/... |
PEXELS_API_KEY |
Images — search and place stock photos | pexels.com/api/key (free) |
The Figma PAT requires two scopes: File content (Read) and Team library content (Read). See the setup guides for step-by-step instructions with screenshots.
Community
GitHub Issues — bugs and feature requests
Vibma is the first open-source project from ufira — a platform bridging creators and technology.
Acknowledgments
Built on cursor-talk-to-figma-mcp by sonnylazuardi. Icon search and insertion powered by the Iconify public API — an open-source unified icon framework providing 200,000+ icons from 100+ collections. Stock photos by Pexels — free for personal and commercial use. Please read the Pexels Terms of Service and credit photographers in production.
License
Install Vibma in Claude Desktop, Claude Code & Cursor
unyly install vibmaInstalls into Claude Desktop, Claude Code, Cursor & VS Code — handles npx, uvx and build-from-source repos for you.
First time? Get the CLI: curl -fsSL https://unyly.org/install | sh
Or configure manually
Run in your terminal:
claude mcp add vibma -- npx -y @ufira/vibmaStep-by-step: how to install Vibma
FAQ
Is Vibma MCP free?
Yes, Vibma MCP is free — one-click install via Unyly at no cost.
Does Vibma need an API key?
No, Vibma runs without API keys or environment variables.
Is Vibma hosted or self-hosted?
Self-hosted: the server runs locally on your machine via the install command above.
How do I install Vibma in Claude Desktop, Claude Code or Cursor?
Open Vibma on unyly.org, pick your client tab (Claude Desktop, Claude Code, Cursor) and press Install — the config is generated automatically, no JSON editing.
Changes
Versions and requested access over time.
- New version published
- New version published
- New version published
Related MCPs
LibreOffice Tools
Enables AI agents to read, write, and edit Office documents via LibreOffice with token-efficient design. Supports multiple formats including DOCX, XLSX, PPTX, a
by passerbyflutterdannote/figma-use
Full Figma control: create shapes, text, components, set styles, auto-layout, variables, export. 80+ tools.
by dannoteLogo.dev
Search and retrieve company logos by brand or domain. Customize size, format, and theme to match your design needs. Accelerate design, prototyping, and content
by NOVA-3951Design Inspiration Server
Searches top design platforms like Dribbble and Behance to provide UI inspiration, color palettes, and layout patterns via the Serper API. It allows users to re
by YonasValentinPIX4Dmatic
Enables GUI automation for controlling PIX4Dmatic on Windows through MCP. Supports launching, focusing, capturing screenshots, sending hotkeys, clicking UI elem
by jangjo123Figma
Extract design specs and assets
by Figmamcp-dockmaster
An Open-Sourced UI to install and manage MCP servers for Windows, Linux and macOS.
ariekogan/ateam-mcp
Build, validate, and deploy multi-agent AI solutions on the ADAS platform. Design skills with tools, manage solution lifecycle, and connect from any AI environm
by ariekoganthinkchainai/mcpbundles
MCP Bundles: Create custom bundles of tools and connect providers with OAuth or API keys. Use one MCP server across thousands of integrations, with programmatic
by thinkchainaiarikusi/nakkas
MCP server that turns AI into an SVG artist. One rendering engine with JSON config, AI controls all design parameters. CSS @keyframes + SMIL animations, 16+ ele
by arikusiCompare Vibma with
Not sure what to pick?
Find your stack in 60 seconds
Author?
Embed badge for your README
Browse similar
All design MCPs