Generate code from Figma designs, extract components, and maintain design-code consistency
You can install this plugin from any of these themed marketplaces. Choose one, add it as a marketplace, then install the plugin.
Choose your preferred installation method below
A marketplace is a collection of plugins. Every plugin gets an auto-generated marketplace JSON for individual installation, plus inclusion in category and themed collections. Add a marketplace once (step 1), then install any plugin from it (step 2).
One-time setup for access to all plugins
When to use: If you plan to install multiple plugins now or later
Step 1: Add the marketplace (one-time)
/plugin marketplace add https://claudepluginhub.com/marketplaces/all.jsonRun this once to access all plugins
Step 2: Install this plugin
/plugin install figma@allUse this plugin's auto-generated marketplace JSON for individual installation
When to use: If you only want to try this specific plugin
Step 1: Add this plugin's marketplace
/plugin marketplace add https://claudepluginhub.com/marketplaces/plugins/figma.jsonStep 2: Install the plugin
/plugin install figma@figmaClaude Code plugins extend Claude's capabilities with custom commands, agents, skills, hooks, and MCP servers. They allow you to add specialized functionality to your Claude Code environment, from semantic code navigation to external tool integrations, making your development workflow more powerful and tailored to your needs. Learn more in the official documentation.
Plugteca supports two installation modes: global (available in all projects) and local (project-specific).
Add Plugteca marketplace globally:
/plugin marketplace add bandofai/plugteca
Install a plugin globally:
/plugin install essentials@plugteca
This makes the plugin available across all your projects.
For team projects or to limit plugins to specific repositories, use local configuration:
.claude/settings.json in your project root:{
"marketplaces": [
{
"name": "plugteca",
"url": "https://github.com/bandofai/plugteca"
}
],
"plugins": [
{
"name": "essentials",
"marketplace": "plugteca"
}
]
}
Benefits:
Learn more in the official plugin documentation.
Essential MCP servers and requirements management commands for enhanced Claude Code development workflow.
Core Workflow:
/brainstorm <name> - Create requirement through interactive Q&A/implement <name> - Implement a requirement systematically/continue [name] - Resume interrupted implementationManagement:
/req-list - Show all requirements with status/req-update <name> - Modify existing requirement/req-tests <name> - Generate test scenarios/req-status [name] - Check implementation progressInstallation:
/plugin install essentials@plugteca
Prerequisites:
uv package manager (install guide)After installing, restart Claude Code to activate the MCP servers.
Control and inspect Chrome browsers with full DevTools automation, debugging, and performance analysis.
Installation:
/plugin install chrome-devtools@plugteca
Prerequisites:
After installing, restart Claude Code to activate the MCP server.
Expert subagent architect with comprehensive skill library for creating production-ready, skill-aware Claude Code subagents.
Installation:
/plugin install subagent-creator@plugteca
Features:
After installing, restart Claude Code to activate the subagent and skill.
Generate code from Figma designs, extract components, variables, and maintain design-code consistency.
Installation:
/plugin install figma@plugteca
Prerequisites:
/mcp command after installation)Authentication: After installation, type /mcp, select figma, and choose Authenticate.
After installing, restart Claude Code to activate the MCP server.
MIT License
1.0.0