storybook-figma-mcp When you ask an AI to implement a Figma design, it usually guesses at component names, props, and structure. This package fixes that. Framework-agnostic — works with React, Vue, Svelte, Angular, and more. What it does for you: Looks at a Figma design and figures out every component needed to build it Checks your Storybook to see which components already exist Tells the AI which components are ready to use, which need minor updates, and which need to be built from scratch

Setapp — Grow, and monetize your app with unified AI gateway

Grow, and monetize your app with unified AI gateway

https://shorturl.at/Z4n7B please check this post out. 🚀 789 weekly downloads in less than 2 days of release. Just shipped storybook-figma-mcp (v0.7.0) — a bridge between Figma + Storybook + AI (Cursor, Claude, etc.). Now when you ask AI to build a Figma screen, it: ✅ Reads your Figma design tree ✅ Checks your real Storybook components ✅ Tells you what exists vs what’s missing ✅ Uses actual props + design tokens (no hallucinations) Framework-agnostic — works with React, Vue, Svelte, Angular. This turns AI from “guessing UI” into a design-aware implementation partner. It scopes proper io and design, figures out matching component in storbook context. Gives you perfect scoping what components exist in your component library and what's not with development estimates. Next say built it. Builds it with clean by importing proper components from your component library one shot. 📦 npm: https://lnkd.in/gJuuxe3C⁠ hashtag#frontend hashtag#designsystems hashtag#storybook hashtag#figma hashtag#MCP hashtag#opensource hashtag#react hashtag#vue hashtag#typescript hashtag#react hashtag#angular

Setapp — Grow, and monetize your app with unified AI gateway

Grow, and monetize your app with unified AI gateway

storybook-figma-mcp

storybook Figma mcp tool

storybook Figma mcp tool