Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.
Plugins
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
What it does
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
Get started
In Claude Code, open /plugin > Discover and search for this plugin, or run the command below in the Claude Code prompt. Review the publisher requirements before connecting accounts or granting access.
/plugin install frontend-design@claude-plugins-officialPublisher-documented command. Review the linked setup guide before running it.
Setup takes place on the publisher’s site. Some tools require accounts, API keys, a compatible host or paid services. Review permissions before connecting.
Plugin components
Components found in the publisher’s source. This is a partial inventory; other components may be included.
- Skill: frontend-design
Source checked 2026-10-14. Partial inventory of component definitions found in a pinned publisher source snapshot; custom paths and dynamically loaded components may be omitted. Names identify definition files or configuration keys, not guaranteed invocation names. Installation and runtime behavior not tested.
Inspect plugin sourceSources & verification
Listed in the official Claude Code marketplace; source location and installation syntax supplied by the marketplace. Installation and runtime behavior not tested.
Source checked 2026-10-14. This is not a security certification or a guarantee that installation will work in your environment.
Explore related tools
Selected by shared tasksPlugin for coding agents working with UI theme designer. Bundles two skills: how-to and conceptual answers about UI theme designer on BTP, and questions about the SAP Design System and SAP Fiori design tokens — theme parameters and compo…
Automate API security directly in Claude Code with 42Crunch - automatically audit OpenAPI specs, detect vulnerabilities aligned with OWASP API Security risks (including BOLA/BFLA), and apply AI-powered fixes. Designed for AI-assisted dev…
Official Convex plugin for Claude Code with bundled Convex skills, the convex-expert subagent for code-writing, a runtime-error monitor, and MCP access for backend development, schema design, real-time features, auth, file storage, sched…