figma-connect
anton-abyzov/vskillFigma-to-code bridge combining Figma MCP server tools with the Code Connect CLI for end-to-end design implementation workflows. Use this skill when…
Scores out of 100 · grade B+
2026-08-15Works
40% of the score100/100
- Loads cleanly: valid frontmatter, required fields present, no dangling references.
Maintained
25% of the score92/100
- no commits in the last 12 weeks
Adopted
20% of the score23/100
- 43 stars on the source repo.
Documented
15% of the score90/100
- 1,860 words with worked examples.
- Ships 7 bundled files.
Install
npx skills add anton-abyzov/vskill/figma-connectWhat it says it does
Figma-to-code bridge combining Figma MCP server tools with the Code Connect CLI for end-to-end design implementation workflows. Use this skill when implementing UI components from Figma design URLs, publishing Code Connect mappings to Figma Dev Mode, extracting design tokens from Figma variables, setting up Figma Code Connect in a project, or running the full design-to-code roundtrip pipeline. Activate when the user shares a Figma design URL and wants code implementation, says 'implement from Figma', 'code connect', 'publish to dev mode', 'figma connect publish', 'extract design tokens from Figma', 'figma to code', 'connect components to Figma', 'set up code connect', 'sync figma tokens', 'figma variables to CSS', 'figma variables to Tailwind', 'map component to Figma', 'npx figma connect', or references any figma.com/design URL in a code implementation context. Do NOT activate for pure Figma file creation, FigJam diagrams, Figma plugin development, or Storybook setup — those are separate concerns.
Also in anton-abyzov/vskill
| Artifact | Score | What the check found | Type | Reach | Last commit |
|---|---|---|---|---|---|
| hyperframes-best-practicesanton-abyzov/vskill | clean | Skill | 43 stars | 17 days ago | |
| stripe-refund-auditoranton-abyzov/vskill | clean | Skill | 43 stars | 17 days ago | |
| social-media-postinganton-abyzov/vskill | clean | Skill | 43 stars | 17 days ago | |
| frontend-designanton-abyzov/vskill | clean | Skill | 43 stars | 17 days ago | |
| skill-builderanton-abyzov/vskill | clean | Skill | 43 stars | 17 days ago | |
| tax-filinganton-abyzov/vskill | clean | Skill | 43 stars | 17 days ago |
Other media skills
Browse all| Artifact | Score | What the check found | Category | Reach | Last commit |
|---|---|---|---|---|---|
| media-useheygen-com/hyperframes | clean | Media | 298,846 installs | today | |
| talking-head-recutheygen-com/hyperframes | clean | Media | 130,756 installs | today | |
| hyperframes-creativeheygen-com/hyperframes | clean | Media | 282,614 installs | today | |
| remotion-to-hyperframesheygen-com/hyperframes | clean | Media | 236,529 installs | today | |
| slideshowheygen-com/hyperframes | clean | Media | 147,126 installs | today | |
| imagecoreyhaines31/marketingskills | clean | Media | 59,761 installs | today |
Put this measurement in your README
A badge carrying how many listings this index holds from the repository and how many pass every static structural check. It reads from this index every time somebody loads your page, so it changes when the measurement changes and there is nothing to keep up to date. Free, no account, and the value is not something you or we can set by hand.
[](https://skillworks.kynth.studio/?q=anton-abyzov%2Fvskill)Would rather not hotlink us? Every badge is also served in shields.io’s endpoint schema, so shields renders the image and your readers never talk to our domain:
Published by Toolproof, the masthead over this index and eight others. The method behind the number is at toolproof.kynth.studio/methodology, and the whole thing is readable as JSON with no key at /api.
