‹div›RIOTS

We craft revolutionary Figma plugins
👉

[‹div›RIOTS @divriots]

Websites can now be pasted into Figma 😱

1. Capture any webpage or section
2. "Copy to clipboard"
3. Paste straight into Figma

The fastest workflow to import websites into Figma we've ever shipped

[‹div›RIOTS @divriots]

@Toolfitly https://t.co/9xFqGUzgvL should crush this, API available 👍

[‹div›RIOTS @divriots]

@_thomasashwin_ @iliazolotukhin It was always an option 🤗
https://t.co/KJudW3hmyl

[‹div›RIOTS @divriots]

New habit: prototype in Claude, polish in #Figma, then screenshot the frames back to the agent.

Skip that. Run https://t.co/B46YclVnDf, pick Web page, get clean HTML: real text, auto layout as flexbox, images as files.

Hand it to #Claude or #Cursor.

👉 https://t.co/05fn5T7d7Y

[‹div›RIOTS @divriots]

@IamYashKapoor Doing our best to decipher the code cleanly 🙂

[‹div›RIOTS @divriots]

Claude design → #Figma, editable layers. 3 ways:

1. Extension on the Claude tab → Copy → ⌘V in Figma
https://t.co/nVfwCXO2Md

2. Share → Project HTML → drop the .zip in the plugin
https://t.co/4hPyQcoxsZ

3. MCP: ask #Claude to "send this to Figma"
https://t.co/ECt73wy6hE

[Sergei Chyrkov @SergeiChyrkov]

You want to move a live no-code site straight into code?

But there's no Figma file. No source. Just the live site.

Take a screenshot up to 100 000 px long, run it through Image to Design (by @divriots), and get pixel-perfect code back 🤯

No original files needed. Pure magic!

[‹div›RIOTS @divriots]

@harmanwardani @UIbyBiba @mumeenart 3 ways to bring #Claude into #Figma, fully editable ✨

Our MCP → just prompt "send to Figma"
https://t.co/ECt73wy6hE

HTML export → drop it in our plugin
https://t.co/1GrC26oPH8

Chrome extension → capture & paste
https://t.co/nVfwCXO2Md

Hit us if you have any questions 🤗

[‹div›RIOTS @divriots]

@ssbittle @aliszu 3 ways to bring #Claude into #Figma, fully editable ✨

MCP → just prompt "send to Figma"
https://t.co/ECt73wy6hE

HTML export → drop it in our plugin
https://t.co/1GrC26oPH8

Chrome extension → capture & paste
https://t.co/nVfwCXO2Md

[‹div›RIOTS @divriots]

@kennedy_odh For any coding agent, our API is one endpoint: HTML in, editable Figma out ✨
https://t.co/1MaMClBb0t

[‹div›RIOTS @divriots]

@_adebayosanda @_Oluwafemiiii @mumeenart It won't, but we built a specific tool (also available as a Figma plugin & API) that: https://t.co/B46YclUPNH 👍

[‹div›RIOTS @divriots]

@mumeenart 3 ways to bring #Claude into #Figma, fully editable ✨

MCP → just prompt "send to Figma"
https://t.co/ECt73wy6hE

HTML export of Claude → drop it in our plugin
https://t.co/1GrC26oPH8

Chrome extension → capture & paste
https://t.co/nVfwCXO2Md

[‹div›RIOTS @divriots]

@mumeenart @_Oluwafemiiii There is a chrome extension to import directly from the browser, every pages, Claude and other LLMs, even private pages 🤗
https://t.co/uk7ArcSvtb

[‹div›RIOTS @divriots]

Auditing a sign-up flow? Don't screenshot every page.

"Record flow": click through it like a real user, and every page lands in #Figma as editable layers, in order ✨

Available in the Chrome extension. Works behind a login.

Try it out 👉 https://t.co/u48j7qwFRs
#Figma #FigmaPlugin

[‹div›RIOTS @divriots]

@matmullen @nateparrott We built a tool to do just that: Lossless Figma -> LLM
👉 https://t.co/B46YclUPNH
- Export your Figma as HTML (zip file with code and assets)
- Feed the HTML file to Claude

[‹div›RIOTS @divriots]

@godofproducts @HAFEEZOLAMIDE1 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 https://t.co/C2c1xZzb3f

[‹div›RIOTS @divriots]

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 👇
https://t.co/KzWThPwHwx
#AdobeXD #XD #Figma

[‹div›RIOTS @divriots]

@godofproducts @Supanova_ In Claude:
- Share -> project html
In Figma
- https://t.co/FFJgyXmgSq plugin -> drop the zip file

Full guide: https://t.co/XttXQo5i9R

[‹div›RIOTS @divriots]

Claude Design's standalone site closes December 14. Here is how to migrate your projects to #Figma, fully editable.

https://t.co/XttXQo5i9R

Workflow 👇

1. Share → Project HTML → Export
2. Drop the .zip into https://t.co/FFJgyXmgSq

#ClaudeDesign #FigmaPlugin

[‹div›RIOTS @divriots]

@victorundr +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 😊

[‹div›RIOTS @divriots]

@matthewzammit @BrettFromDJ Could be faster (and cheaper) to drop the code to https://t.co/FFJgyXmgSq, + it has an MCP that gives better results than the Figma one (better structure, autolayout, use of grids..)