AdYour product here, seen by people installing AI tools every day Sponsor slots open: 12 of 12, from $249 a month

Layerwright vs Agent-Native Plan

Layerwright and Agent-Native Plan are both design MCP servers. Agent-Native Plan scores higher (94 vs 78 out of 100). Agent-Native Plan has more GitHub stars (7.4k), and Agent-Native Plan was updated more recently (2 days ago). The table compares them side by side.

LayerwrightAgent-Native Plan
Score78 / 10094 / 100
What it doesTurn Claude Design and Claude Code designs into native, editable Figma files (HTML to Figma with Auto Layout and your Design System components), and Figma frames into code that uses your own React components. An MCP server and Figma plugin for Claude CodeStructured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing
PublisherVerified: npm:layerwrightCommunity: BuilderIO
GradesMaintenance A, Licence A, Quality CMaintenance A, Licence A, Quality A
npm downloads a week364Not on npm
RunsLocalRemote
Works withClaude Code, Claude Desktop, Cursor, Codex, Gemini CLI, VS Code, WindsurfClaude Code, Claude Desktop, Cursor, Codex, Gemini CLI, VS Code, Windsurf, ChatGPT
GitHub stars97,449
Last commit12 Oct 202619 Oct 2026
LicenceMITMIT
Listed since20 Oct 202619 Oct 2026
Install LayerwrightInstall Agent-Native Plan

Questions

Is Layerwright or Agent-Native Plan more popular?

Agent-Native Plan has more GitHub stars: 7,449.

Can I use Layerwright and Agent-Native Plan together?

Yes. AI assistants can load several MCP servers at once. Install both and the assistant picks the right one for each task.