Efecto Design Tool
AI-native design tool. Tell your AI agent what to design and watch it build layouts, pages, and graphics in your browser — in real-time.
Install
MCP — Works with Any AI Tool
Cursor, Windsurf, Copilot, Gemini CLI, Claude Code, and more.
MCP config
{
"mcpServers": {
"efecto": {
"command": "npx",
"args": ["-y", "@efectoapp/mcp"]
}
}
}Claude Code Plugin
MCP + 3 design skills. The best experience.
Claude Code
/plugin marketplace add pablostanley/efecto-plugin
/plugin install efecto@efectoRun inside Claude Code's chat, not in Terminal.
What you can do
- Create artboards for desktop, tablet, and mobile
- Add complex layouts with headers, grids, cards, and more
- Modify text, images, buttons, and any node in real-time
- Align, distribute, group, and reorder elements
- Export designs as PNG, JPEG, WebP, or SVG
- No API key required — sessions are free
MCP
Add Efecto to any AI tool — Cursor, Windsurf, Copilot, and more.
Claude Code
Plugin with design skills for the best experience.
Tool Reference
All 44 MCP tools with parameters and examples.
REST API
Sessions, tool execution, and SSE events.
FX
Visual effects engine for posters and images.
Two products, one platform
Design Tool
AI-native web design — artboards, sections, Tailwind styling.
npx @efectoapp/mcp installFX
Visual effects engine — ASCII, dither, glitch, halftone posters.
npx @efectoapp/mcp-fx install