We built a tool for that, with a big focus on quality so nothing gets lost in translation: - Export your Figma to html - Feed the html to Claude divriots.com/export.design/

Adobe XD → Editable Figma✨ 1. Open the #Figma plugin 2. Drop you XD file 3. Start editing Bonus: runs locally, your file never leaves your machine. Here's the full workflow 👇 divriots.com/blog/how-to-imp… #AdobeXD #XD #Figma

In Claude: - Share -> project html In Figma - html.to.design plugin -> drop the zip file Full guide: html.to.design/blog/export-c…

Claude Design's standalone site closes December 14. Here is how to migrate your projects to #Figma, fully editable. html.to.design/blog/export-c… Workflow 👇 1. Share → Project HTML → Export 2. Drop the .zip into html.to.design #ClaudeDesign #FigmaPlugin

+1, hence the need for reliable tools and MCP that don't lose bits translating code <-> Figma – we've been working on it since, well, before AI 😊

Could be faster (and cheaper) to drop the code to html.to.design, + it has an MCP that gives better results than the Figma one (better structure, autolayout, use of grids..)

Record a user flow → get every page in #Figma, in order ✨ → Click "Record flow" → Browse like a real user → Export steps → Send to Figma Editable layers, links ported to Figma prototype + works behind a login. Try it out 👉 chromewebstore.google.com/de… #FigmaPlugin

Hey, you can give a shot to ai.to.design, you can pick any model you wish, directly in Figma. The result are 100% editable of course 👍

PDF → editable Figma – Now available directly in your browser✨ - Text stays text - Vectors stay vectors - Every page gets its own frame pdf.to.design Drop your PDF, pick a layout, import. #Figma

@JiangxJo @LucaAmesDesign

Maker of html.to.design here, you can drop an html file too 😄 or use the MCP, or use the Chrome Extension for direct browser -> Figma bonus: our main focus is quality of the conversion (currently best on the market) so you can get pixel perfect results to work with 🤗

🆕 Adobe Fireworks → editable Figma ✨ fireworks.to.design rebuilds your legacy Fireworks files in Figma: pages, layers, text, vectors, symbols. Drop your file, hit Convert, past it back into Figma, 100% edtable👇 divriots.com/fireworks.to.de… #Figma #FigmaPlugin #webdesign

🆕 Adobe XD → editable Figma ✨ xd.to.design rebuilds your XD files in Figma: artboards, layers, text, vectors, images. Figma plugin + web tool available 👇 divriots.com/xd.to.design/ #Figma #FigmaPlugin #AdobeXD

We made a chrome extension just for that, and we just added "record a flow" to it - You navigate to reproduce your user flow - Each webpage is imported into Figma, in the right order, 100% editable) - The links are ported and work in Figma prototype chromewebstore.google.com/de…

Canva has no "Export to Figma" button. Here's the workaround ✨ - Open your design in Chrome - Capture it with the chrome extension - ⌘+V in #Figma → editable layers, not a PNG Private drafts work too. Full workflow 👇 divriots.com/blog/from-canva… #Figma #FigmaPlugin

For any remaining psd, ai, or xd, we made plugins to import them all into Figma (fully editable, matching font, layers, naming, effects etc. of course 😊)

Quick reminder: html.to.design works with every major LLM ✨ #Claude, #ClaudeDesign, #ChatGPT, #Gemini… you name it. → Design something → Launch the Chrome extension → Import in #Figma 100% editable layers, in a couple of clicks 👇 chromewebstore.google.com/de… #FigmaPlugin

Many MANY requests for this one. Adobe XD → Editable Figma with xd.to.design ✨ - Drag n drop - Runs locally, your file never leaves your machine. Here's the full workflow 👇 divriots.com/blog/how-to-imp… #AdobeXD #XD #Figma

📢 BIG quality upgrade for image.to.design web tool and Figma plugin. The first results are 😱 Screenshot -> Editable Figma or HTML - Better overall output - Sharper posters with better font matching - Icons are now matched across multiple libraries, or rebuilt as vectors when needed Try it out 👉 image.to.design/