figma-design-sync

figma-design-sync is a Design-to-code & prototyping skill for AI agents, published by ratacat in the claude-skills repository on GitHub. Skillspace rates figma-design-sync D (65/100) and it passed the safety scan; the rating is based on static analysis only.

Use this agent when you need to synchronize a web implementation with its Figma design by automatically detecting and fixing visual differences. This agent should be used iteratively until the implementation matches the design.\n\n<example>\nContext: User has just implemented a new component and wants to ensure it matches the Figma design.\nuser: \"I've just finished implementing the hero section component. Can you check if it matches the Figma design at https://figma.com/file/abc123/design?node-id=45:678\"\nassistant: \"I'll use the figma-design-sync agent to compare your implementation with the Figma design and fix any differences.\"\n<uses Task tool to launch figma-design-sync agent with the Figma URL and local URL>\n</example>\n\n<example>\nContext: User is working on responsive design and wants to verify mobile breakpoint matches design.\nuser: \"The mobile view doesn't look quite right. Here's the Figma: https://figma.com/file/xyz789/mobile?node-id=12:34\"\nassistant: \"Let me…

Grade

D

Quality

65 / 100

Safety

Passed

GitHub stars

47

Unproven: rated by static analysis only, not yet compared head-to-head.

This rating describes the version of the repository we crawled; it may have changed since, so go by its current files.

Skillspace indexes and rates this skill; it does not host or endorse it. Run third-party skills at your own risk.