Figma Engineering

Plugin figma from marketplace toolkit-marketplace in vincent-laroche/claude-marketplace. Commands read from the repo's manifest — 1 month ago.

Skills (12)

• figma-agent-core

  Operate Figma files safely and precisely through MCP. Use for Figma Design, FigJam, or Slides inspection and mutation; file creation; component, variable, asset, or layout work; and any task that needs the correct Figma execution surface and reliable visual verification.

• figma-api-selector

  Selects the correct Figma developer surface and designs single-API or hybrid architectures across the Plugin API, Widget API, REST API, MCP tools, and embeds. Use when a request asks which Figma API to use, compares capabilities, crosses file/runtime boundaries, or risks choosing a read-only or user

• figma-design-delivery

  Create, review, validate, or hand off Figma designs for production. Use for composed pages, screens, flows, responsive designs, design critique, accessibility review, design-to-code work, developer specifications, and motion implementation.

• figma-import-html-to-sites

  Import individual local HTML storefront pages into Figma Design, normalize them into editable named sections and responsive layouts, and assemble them as Figma Sites webpages. Use for Hair Solutions Co. wireframes or full-design HTML, Shopify page visualization in Figma, breakpoint cleanup, header/h

• figma-integration-engineering

  Design, implement, or diagnose Figma integrations and developer tooling. Use for REST or SCIM API work, webhooks, automation, plugins, widgets, asset exports, token sync, Code Connect, cross-file audits, OAuth, and CI jobs.

• figma-library-engineering

  Build, audit, document, or repair production-quality Figma design systems. Use for variables and tokens, component libraries, variants, styles, responsive patterns, library governance, and Code Connect readiness.

• figma-plugin-api

  Implements and diagnoses the current Figma Plugin API using exhaustive official TypeScript typings and reference maps for global objects, nodes, shared node properties, data types, variables, styles, events, UI, and editor-specific APIs. Use when resolving exact method signatures, node/property comp

• figma-plugin-development

  Designs, builds, migrates, debugs, secures, and prepares Figma plugins across Design, FigJam, Dev Mode, Slides, and Buzz. Use when working on plugin manifests, runtime lifecycle, iframe UI, messaging, network access, OAuth, parameters, build tooling, dynamic page loading, codegen, text review, payme

• figma-research-motion

  Turn approved visual research, web captures, recordings, flows, diagrams, FigJam boards, Slides, and motion into clear, validated Figma artifacts. Use for competitor or owned-page reference capture, UI video storyboards, interaction mapping, FigJam diagrams, Slides, and Figma motion inspection or ed

• figma-rest-api

  Builds and diagnoses direct integrations with Figma's HTTP REST and SCIM APIs, including authentication, scopes, files, nodes, images, comments, projects, libraries, webhooks, variables, Dev Resources, analytics, activity logs, payments, oEmbed, and enterprise endpoints. Use when creating scripts, s

• figma-shopify-bridge

  Translate Figma design intent into a safe, native-first Shopify implementation plan or change set. Use for Figma-to-Liquid work, storefront visual-parity audits, Horizon section and block mapping, responsive commerce UI, Shopify Admin context checks, and design-to-theme handoff.

• figma-web-capture-import

  Plan or perform a bounded web-page capture to editable-ish Figma reference import using a JSON node-tree and a local Figma development plugin. Use for isolated competitor research, owned-page recovery, or reference exploration when editable layers are useful. Do not use it as proof of clean Figma ed

Slash commands (1)

• /figma:figma-shopify-operator

  Route a Figma task through the Figma Shopify Operator and the smallest relevant specialist skill.

Subagents (1)

• figma-shopify-operator

  High-judgment Figma specialist for design systems, production delivery, Shopify translation, and Figma integrations. Use when a task crosses Figma and a storefront, needs a safe Figma mutation, or requires Figma/Shopify MCP context.

MCP servers (1)

• figma

  connects to: https://mcp.figma.com/mcp

Hooks (4)

• SessionStart

  python3 "${CLAUDE_PLUGIN_ROOT}/scripts/session_preflight.py"

• PreToolUse

  python3 "${CLAUDE_PLUGIN_ROOT}/scripts/pre_command_guard.py"

• PreToolUse

  python3 "${CLAUDE_PLUGIN_ROOT}/scripts/shopify_admin_guard.py"

• PreToolUse

  python3 "${CLAUDE_PLUGIN_ROOT}/scripts/figma_mutation_guard.py"

Similar plugins