Convertiv/handoff-app ? reverse-engineered prompt
Reverse engineered prompt
Build me a tool that connects to a Figma file, pulls out design tokens and component info, and turns it into developer friendly code and docs.
I want it to be able to fetch the latest values from Figma, save them as JSON, then generate CSS and SCSS variables, plus a simple documentation site with live previews so designers and developers can see the tokens in one place. It should also have a way to set up a new project quickly, prompt for the Figma file and access token, and then let me run a fetch and start command to update the site locally.
Please make it easy to customize with config hooks, and let it work well with Bootstrap style projects but still be flexible enough for custom setups. If you need to check anything current in the docs or APIs, look it up online and keep the setup simple and practical.
Are you gonna build this?
make sure you review the code using coderabbit