Prompt engineer your figma design and get a better output when compared to most ai to figma tools.
figmaextension720p.mp4
- Clone repo
- Open a figma file, right click, plugins > development, import plugin from manifest, navigate to manifest.json of this repo
- npm i
- npm run watch
- Fine tune on a layer by layer basis, Figma will likely implement this themselves so this feature will eventually be obsolete
- Get the description recrusively for the component / app you have selected, you can paste to chatgpt directly or use the api key
- Use the SVG strings in the final output of your app render
- Make an agent iterate on the code using OpenAI vision API
- Display preview of generated site within extension, either iframe or a new button click
- Make agent accessible via API and integrate within plugin
MIT