This website was designed with Flaude

DESIGN WITH AI. DIRECTLY IN FIGMA.

The AI design assistant that lives in Figma. Describe what you need, and watch production-ready designs appear in seconds.

Unlimited usage·No Figma API limits
Figma
+
Claude
Flaude - AI Design Tool
Meet Our Customers

Trusted by design teams at

Stripe
Vercel
Linear
Notion
Figma
Framer
Because in the era of AIdesignwins.

Getting Started

How to use Flaude

Clone & build

Clone the repo

Clone the plugin from GitHub, install deps, and build it.

$git clone https://github.com/Ana-creates/figma-editor-plugin.git
Logo

Load into Figma

Figma → Plugins → Development → Import plugin from manifest → select manifest.json.

Ready to start designing?

Clone from GitHub, build, and load into Figma. Add MCP for the full Claude experience.

Figma PluginClone from GitHub
Claude
+ MCP ServerConnect to Claude Code

Design Anything

Your imagination, realized

Landing pages. Mobile apps. Dashboards. Component libraries. If you can describe it, Flaude can design it.

Onboarding
Onboarding
Entertainment
Entertainment
Automotive
Automotive
Wellness
Wellness
Finance
Finance
Onboarding
Onboarding
Entertainment
Entertainment
Automotive
Automotive
Wellness
Wellness
Finance
Finance
100% Free & Open Source

Free for the community

Flaude is now completely free. Clone the repos, build it, and load the plugin into Figma — no marketplace, no accounts, no limits.

01

Clone the repos

Get the Figma plugin and the MCP server.

$git clone https://github.com/Ana-creates/figma-editor-plugin.git
$git clone https://github.com/Ana-creates/figma-editor-mcp.git
02

Build & install

Install dependencies and build both projects.

$cd figma-editor-plugin && npm install && npm run build
$cd figma-editor-mcp && npm install && npm run build
03

Load into Figma

In Figma, go to Plugins → Development → Import plugin from manifest. Navigate to the figma-editor-plugin folder you just cloned and select the manifest.json file. The plugin will appear under your Development plugins — run it from any file.

You'll need a Claude API key

The plugin uses your own Claude API key to power the AI. Get one for free at console.anthropic.com, then paste it into the plugin settings.

Claude

Power-up: Connect to Claude Code

The plugin works on its own inside Figma. But if you also set up the MCP server, you can control Figma directly from Claude Code in your terminal — design entire screens, generate variants, and iterate hands-free.

After building the MCP repo (step 2), register it with Claude:

$claude mcp add flaude node /path/to/figma-editor-mcp/dist/index.js
  • Full Figma plugin access
  • Claude MCP integration
  • Control Figma from Claude
  • Multi-step workflows
  • No accounts needed
  • No usage limits
View on GitHub