react-to-figma-make
Converts React and Next.js web pages into Figma design files that designers can edit and use.
Installation
Paste this into Claude Code, Cursor, or any agent that can run commands.
What this skill does
What it does:
- Converts a React project or webpage into a format that Figma Make, a design tool, can open and edit
- Takes your React code and transforms it into a Figma Make project with all the design files and settings
- Keeps your original design colors and styles intact during the conversion
- Creates a downloadable .fig file that designers can use in Figma Make
When to use it:
- When you have a React website or app and want designers to edit it in Figma Make
- When you need to export a React project as a Figma design file
- When you want to work on a project in both code and design tools at the same time
- When you need to share a React prototype with designers who use Figma
The full skill text could not be loaded right now. It installs fine with the command above, or read it at the source.
Mirrored from the author's public source. Install counts from the open skills registry.