Agent Plugins Marketplace
← All plugins

figma

v0.1.1

Figma Dev Mode MCP server integration — load Figma design tools on demand to avoid token waste when not doing design work

CodexClaude Code1 Skill1 MCP serverStreamable HTTP

By Jens IhrigLicense: MIT0 GitHub starsUpdated 2 hours ago

Directory evidence

Runtimes
Codex and Claude Code
Parsed components
2 skill or MCP entries
Source updated
Sep 30, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install figma for Codex and Claude Code

Installs for the current user
codex plugin marketplace add erich3000/ji-agent-skills
codex plugin marketplace upgrade ji-agent-skills
codex plugin add figma@ji-agent-skills

Paste and run these commands in a terminal with Codex. They add and refresh the ji-agent-skills catalog, then install this plugin.

Compatibility: the page URL and API slug “figma-4” remain stable.

  • Codex: figma-4@agent-plugin-marketplace → figma@ji-agent-skills

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/erich3000/ji-agent-skills

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/figma/.

Plugin files

plugins/figma/
├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── skills/figma-implementing/SKILL.md
└── .mcp.json

Included Skills1

figma-implementingskills/figma-implementing/SKILL.md

This skill should be used when the user provides a Figma URL and asks to "implement this figma component", "build from figma", "code this figma design", "implement figma design", "create component from figma", "turn figma into code", "implement this design", or pastes a figma.com URL and wants it turned into code. Checks MCP availability, fetches component data from the Figma Dev Mode MCP server, detects the repo's tech stack and conventions, and implements the component.

MCP servers1

figmaStreamable HTTP
url
http://127.0.0.1:3845/mcp

Plugin manifests2

plugins/figma/.codex-plugin/plugin.json
{
  "name": "figma",
  "version": "0.1.1",
  "description": "Figma Dev Mode MCP server integration — load Figma design tools on demand to avoid token waste when not doing design work",
  "author": {
    "name": "Jens Ihrig"
  },
  "repository": "https://github.com/erich3000/ji-agent-skills",
  "license": "MIT",
  "skills": "./skills/",
  "mcpServers": "./.mcp.json",
  "interface": {
    "displayName": "Figma Dev Mode",
    "shortDescription": "Figma Dev Mode MCP server integration — load Figma design tools on demand to avoid token waste when not doing design work",
    "developerName": "Jens Ihrig",
    "category": "Developer Tools"
  }
}
plugins/figma/.claude-plugin/plugin.json
{
  "name": "figma",
  "description": "Figma Dev Mode MCP server integration — load Figma design tools on demand to avoid token waste when not doing design work",
  "version": "0.1.1"
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[figma on Agent Plugins Marketplace](https://pluginsmp.com/plugins/figma-4)