Claude Marketplaces
SkillsMCP serversMarketplacesDigestTools
Submit

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP servers by category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control
Claude Marketplaces

An independent directory of skills, plugins and MCP servers for Claude Code. Not affiliated with Anthropic.

Browse

  • Skills
  • MCP servers
  • Marketplaces
  • Weekly digest
  • Skill index
  • MCP index
  • Marketplace index

Site

  • About
  • Tools
  • Submit
  • Feedback
  • Privacy
  • llms.txt
  • Plugins reference

Maker

  • Agent Caffeine
  • knobs
  • Wax
  • Snug
  • mertduzgun.com
Made by mertduzgun.com
Skills/Frontend Development
plugin87 avatar

Figma Integration

plugin87/ux-ui-agent-skills

A bidirectional bridge between Figma Variables and your DTCG token files.

installs
448
GitHub stars
3K
last updated
Jun 11, 2026
View on GitHubSave

Install

$ npx -y skills add plugin87/ux-ui-agent-skills --skill figma-integration --agent claude-code

Installs into .claude/skills of the current project.

Sponsors

CodeRabbitSponsoredTry For FreeLid closed, agents workingTry itOpen StepsSponsoredDownload for freeAppSignalSponsoredStart Free TrialKeep API keys from agentsGet SnugBlock apps on your iPhoneGet WaxDevtools for design engineersTry it livebelt - the only tool your agent needsSponsoredone prompt install

What it does

Maps your three-tier token hierarchy (Primitives, Semantic, Component) to Figma collections and turns themes like dark mode into Figma Modes. You pick one authoritative direction: either push tokens to Figma or pull Variables back into code, never hand-edit both. If you have the Figma MCP server running, it uses those tools directly to read frames, sync variables, or wire up Code Connect. The parity checks are useful: it flags when Figma variants don't cover all your component states or sizes. Good for teams that want design tokens as the single source of truth but still need designers working natively in Figma without constant export/import friction.

Files

Select a file.

Details

Repository
github.com/plugin87/ux-ui-agent-skills
Categories
Frontend Development, AI & Agent Building, Design & UI/UX
First seen
Jun 11, 2026

More from plugin87/ux-ui-agent-skills

All 17
  • Governance443
  • Image To Code685
  • Design Review562
  • A11y Audit518
  • Design Tokens506
  • Redesign502
  • Apply Aesthetic498
  • Design Code493
  • Design Component491
  • Ux Writing487
  • Design Qa483
  • Brandkit476
  • Migrate Design System455
  • Performance455
  • Prototype454
  • Token Build450

Recommended

More Frontend Development
1plugin87 avatargovernanceplugin87/ux-ui-agent-skillsGovern how the design system evolves — SemVer for tokens/components, the contribution workflow, deprecation policy, and change communication. Use when the user 443installs
2syncfusion avatarsyncfusion-blazor-chartssyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor Chart (SfChart) component for comprehensive data visualization. Use this when creating line charts, bar/column charts, area charts, 393installs
3syncfusion avatarsyncfusion-blazor-popupssyncfusion/blazor-ui-components-skillsImplement modal and modeless dialogs using Syncfusion Blazor Dialog component. Use this skill when creating dialogs, popup windows, modal confirmations, custom 393installs
4syncfusion avatarsyncfusion-blazor-schedulersyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor Scheduler component for comprehensive appointment and event scheduling. Use this when building calendar interfaces, managing appoint381installs
5syncfusion avatarsyncfusion-blazor-rich-text-editorsyncfusion/blazor-ui-components-skillsImplements the Syncfusion Blazor Rich Text Editor (SfRichTextEditor) from Syncfusion.Blazor.RichTextEditor. Supports HTML, Markdown, and IFrame editor modes. Us371installs
6syncfusion avatarsyncfusion-blazor-file-managersyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor FileManager component for file browsing and management. Use this when creating hierarchical file systems, handling multiple file ope370installs