Skip to content

ufira-ai/Vibma

Repository files navigation

简体中文

Vibma

Vibma

Vibe Design meets Figma.

Vibma.Release.Demo.mov

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

Discord

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

MIT

About

Vibe Design meets Figma. Let AI agents design directly in Figma.

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors