figma-implement-design
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and…
Skill by Envy-7z
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/envy-7z-figma-implement-design
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, backend, productivity, agent-building
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions: not checked yet.
What's inside
- Skill name
figma-implement-design- Description
- Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.
- License
- unknown
- Instructions
- 261 lines in SKILL.md · view on GitHub
Files (6)
- LICENSE.txt
- SKILL.md
- openai.yaml · agents/
- figma-small.svg · assets/
- figma.png · assets/
- icon.svg · assets/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from Envy-7z/mobile-agent-skillpack
- 0.405score
android-api-dto-safety
Envy-7z
Harden Android Kotlin API DTO/mapping (Retrofit/Moshi/Gson) for nullability and contract safety.
SkillDFreshness: DClaude Code +9 - 0.405score
android-logcat-root-cause
Envy-7z
Analyze Android Logcat/crash traces to find the true root cause and propose a minimal Kotlin fix.
SkillDFreshness: DClaude Code +9 - 0.405score
bitbucket-pr-summary-qa
Envy-7z
Summarize a Bitbucket pull request and produce a QA checklist and risk list.
SkillDFreshness: DClaude Code +9 - 0.405score
code-simplifier
Envy-7z
Simplifies and refines code for clarity, readability, and maintainability.
SkillDFreshness: DClaude Code +9 - 0.405score
figma-to-flutter-widget
Envy-7z
Convert Figma specs into Flutter widgets.
SkillDFreshness: DClaude Code +9 - 0.402score
android-compose-feature-delivery
Envy-7z
End-to-end Android feature delivery workflow for Kotlin + Compose + XML (when mixed stacks exist).
SkillDFreshness: DClaude Code +9 - 0.401score
complexity-review
Envy-7z
Reviews technical proposals against 30 complexity dimensions.
SkillDFreshness: DClaude Code +9 - 0.400score
android-architecture
Envy-7z
Use when implementing MVVM, clean architecture, dependency injection with Hilt, or structuring Android app layers.
SkillDFreshness: DClaude Code +9 - 0.394score
android-release-checklist
Envy-7z
Prepare Android release notes, risks, and QA checklist for Play Store submission and internal release.
SkillDFreshness: DClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Mar 5, 2026 (7 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
- 0.652score
figma-implement-design
foryourhealth111-pixel
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and…
SkillAFreshness: A★ 3.8KClaude Code +9 - 0.390score
figma-implement-design
VoDaiLocz
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and…
SkillAFreshness: A★ 28Claude Code +9 - 0.298score
figma-implement-design
mbtz
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and…
SkillCFreshness: C★ 1Claude Code +9
More from Envy-7z
- 0.405score
android-api-dto-safety
Envy-7z
Harden Android Kotlin API DTO/mapping (Retrofit/Moshi/Gson) for nullability and contract safety.
SkillDFreshness: DClaude Code +9 - 0.405score
android-logcat-root-cause
Envy-7z
Analyze Android Logcat/crash traces to find the true root cause and propose a minimal Kotlin fix.
SkillDFreshness: DClaude Code +9 - 0.405score
bitbucket-pr-summary-qa
Envy-7z
Summarize a Bitbucket pull request and produce a QA checklist and risk list.
SkillDFreshness: DClaude Code +9 - 0.405score
code-simplifier
Envy-7z
Simplifies and refines code for clarity, readability, and maintainability.
SkillDFreshness: DClaude Code +9 - 0.405score
figma-to-flutter-widget
Envy-7z
Convert Figma specs into Flutter widgets.
SkillDFreshness: DClaude Code +9 - 0.402score
android-compose-feature-delivery
Envy-7z
End-to-end Android feature delivery workflow for Kotlin + Compose + XML (when mixed stacks exist).
SkillDFreshness: DClaude Code +9
Cite this page
figma-implement-design skill. Agent Mart. https://agentmart.dev/skills/envy-7z-figma-implement-design (last updated 2026-10-24)