‹div›RIOTS
@divriots.com
We craft revolutionary Figma plugins
👉 https://divriots.com
👉 https://divriots.com
Apple Keynote → Editable #Figma ✨
We just improved the import of Apple Keynote and Pages files into Figma.
Try it out 👉 office.to.design
We just improved the import of Apple Keynote and Pages files into Figma.
Try it out 👉 office.to.design
November 4, 2025 at 2:51 PM
Apple Keynote → Editable #Figma ✨
We just improved the import of Apple Keynote and Pages files into Figma.
Try it out 👉 office.to.design
We just improved the import of Apple Keynote and Pages files into Figma.
Try it out 👉 office.to.design
Import website sections into #Figma –– Yes, it's that simple 😄
- Run html.to.design chrome extension
- Set it to "Send directly to Figma plugin"
- Select your section
- Enjoy ✨
- Run html.to.design chrome extension
- Set it to "Send directly to Figma plugin"
- Select your section
- Enjoy ✨
October 31, 2025 at 9:58 AM
Import website sections into #Figma –– Yes, it's that simple 😄
- Run html.to.design chrome extension
- Set it to "Send directly to Figma plugin"
- Select your section
- Enjoy ✨
- Run html.to.design chrome extension
- Set it to "Send directly to Figma plugin"
- Select your section
- Enjoy ✨
Website → Figma Make ✨
Import, remix, vibe-design and prototype new features in minutes👇
divriots.com/blog/introd...
Import, remix, vibe-design and prototype new features in minutes👇
divriots.com/blog/introd...
Introducing html.to.make - The faster way to prototype your next feature. - ‹div›RIOTS
Introducing html.to.make - our latest tool that converts any website into a Figma Make project ready to use.
divriots.com
October 14, 2025 at 1:03 PM
Website → Figma Make ✨
Import, remix, vibe-design and prototype new features in minutes👇
divriots.com/blog/introd...
Import, remix, vibe-design and prototype new features in minutes👇
divriots.com/blog/introd...
We’re excited to announce that @Figma has purchased the ‹div›RIOTS technology that turns webpages into Figma designs ✨
divriots.com/blog/new-fi...
divriots.com/blog/new-fi...
New partnership with Figma to bring your Make prototypes into Figma Design - ‹div›RIOTS
Figma purchases the technology behind html.to.design to power new Figma Make functionality.
divriots.com
September 25, 2025 at 4:46 PM
We’re excited to announce that @Figma has purchased the ‹div›RIOTS technology that turns webpages into Figma designs ✨
divriots.com/blog/new-fi...
divriots.com/blog/new-fi...
Claude → Figma ✨
- Create in #Claude
- Run html.to.design chrome extension
- Hit "Import Claude preview"
- Voila, it's in #Figma, fully editable 🤗
html.to.design/blog/from-cl...
- Create in #Claude
- Run html.to.design chrome extension
- Hit "Import Claude preview"
- Voila, it's in #Figma, fully editable 🤗
html.to.design/blog/from-cl...
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css) | Figma
Converts any website into fully editable Figma designs.
Leverage an existing website and import its HTML to Figma to start your own designs, without building each element from scratch.
👉 Homepage
📖 D...
html.to.design
September 23, 2025 at 2:24 PM
Claude → Figma ✨
- Create in #Claude
- Run html.to.design chrome extension
- Hit "Import Claude preview"
- Voila, it's in #Figma, fully editable 🤗
html.to.design/blog/from-cl...
- Create in #Claude
- Run html.to.design chrome extension
- Hit "Import Claude preview"
- Voila, it's in #Figma, fully editable 🤗
html.to.design/blog/from-cl...
Only an image to work with?
Screenshot → Editable Figma ✨
👉 image.to.design Figma plugin
#AI #Figma #webdesign #UI
Screenshot → Editable Figma ✨
👉 image.to.design Figma plugin
#AI #Figma #webdesign #UI
September 22, 2025 at 1:12 PM
Only an image to work with?
Screenshot → Editable Figma ✨
👉 image.to.design Figma plugin
#AI #Figma #webdesign #UI
Screenshot → Editable Figma ✨
👉 image.to.design Figma plugin
#AI #Figma #webdesign #UI
How to turn screenshot into editable Figma ✨
Quick 5-steps guide 👇
#AI #Figma #webdesign #UI
anything.to.design/blog/how-to-...
Quick 5-steps guide 👇
#AI #Figma #webdesign #UI
anything.to.design/blog/how-to-...
How to turn screenshots into editable Figma design
With ,image.to.design, Figma plugin, transforms any screenshot or image into a fully editable Figma design, in a click—complete with autolayout and smart layer naming.
anything.to.design
September 17, 2025 at 2:10 PM
How to turn screenshot into editable Figma ✨
Quick 5-steps guide 👇
#AI #Figma #webdesign #UI
anything.to.design/blog/how-to-...
Quick 5-steps guide 👇
#AI #Figma #webdesign #UI
anything.to.design/blog/how-to-...
Figma Make → Figma Design
Yes, there is a way 👇
Yes, there is a way 👇
September 3, 2025 at 1:20 PM
Figma Make → Figma Design
Yes, there is a way 👇
Yes, there is a way 👇
Replit → Figma ✨
AI-generated webdesign, imported into #Figma in a couple of clicks
Detailed steps 👇
#Replit #Figma
html.to.design/blog/from-re...
AI-generated webdesign, imported into #Figma in a couple of clicks
Detailed steps 👇
#Replit #Figma
html.to.design/blog/from-re...
From Replit to Figma. Import your AI-generated sites | html.to.design — Convert any website into fully editable Figma designs
Import your AI-generated designs from Replit to Figma with html.to.design.
html.to.design
September 1, 2025 at 1:12 PM
Replit → Figma ✨
AI-generated webdesign, imported into #Figma in a couple of clicks
Detailed steps 👇
#Replit #Figma
html.to.design/blog/from-re...
AI-generated webdesign, imported into #Figma in a couple of clicks
Detailed steps 👇
#Replit #Figma
html.to.design/blog/from-re...
MagicPath → Figma ✨
AI-generated components, imported into #Figma in a couple of clicks
Detailed steps 👇
#MagicPath #Figma
html.to.design/blog/from-ma...
AI-generated components, imported into #Figma in a couple of clicks
Detailed steps 👇
#MagicPath #Figma
html.to.design/blog/from-ma...
From MagicPath to Figma. Import AI-generated components into Figma | html.to.design — Convert any website into fully editable Figma designs
Import your AI-generated components from MagicPath to Figma with html.to.design.
html.to.design
August 28, 2025 at 1:21 PM
MagicPath → Figma ✨
AI-generated components, imported into #Figma in a couple of clicks
Detailed steps 👇
#MagicPath #Figma
html.to.design/blog/from-ma...
AI-generated components, imported into #Figma in a couple of clicks
Detailed steps 👇
#MagicPath #Figma
html.to.design/blog/from-ma...
Manus → Figma Design ✨
- Create Slides in #Manus
- Import into #Figma with html.to.design
- Finish editing in Figma
Detailed steps 👇
html.to.design/blog/from-m...
- Create Slides in #Manus
- Import into #Figma with html.to.design
- Finish editing in Figma
Detailed steps 👇
html.to.design/blog/from-m...
From Manus to Figma. Import AI-generated slide decks | html.to.design — Convert any website into fully editable Figma designs
Import your AI-generated slide decks and presentation designs from Manus to Figma with html.to.design.
html.to.design
August 25, 2025 at 1:46 PM
Manus → Figma Design ✨
- Create Slides in #Manus
- Import into #Figma with html.to.design
- Finish editing in Figma
Detailed steps 👇
html.to.design/blog/from-m...
- Create Slides in #Manus
- Import into #Figma with html.to.design
- Finish editing in Figma
Detailed steps 👇
html.to.design/blog/from-m...
Figma Make → Figma Design, just like that ✨
1. Generate with #FigmaMake
2. Open the html.to.design Chrome extension
3. Hit “Import” — and boom, editable layers in Figma 🎯
#Figma #designworkflow
1. Generate with #FigmaMake
2. Open the html.to.design Chrome extension
3. Hit “Import” — and boom, editable layers in Figma 🎯
#Figma #designworkflow
July 31, 2025 at 1:41 PM
Figma Make → Figma Design, just like that ✨
1. Generate with #FigmaMake
2. Open the html.to.design Chrome extension
3. Hit “Import” — and boom, editable layers in Figma 🎯
#Figma #designworkflow
1. Generate with #FigmaMake
2. Open the html.to.design Chrome extension
3. Hit “Import” — and boom, editable layers in Figma 🎯
#Figma #designworkflow
Figma Make → Figma Design ✨
Here’s how 👇
html.to.design/blog/from-f...
#Figma #designworkflow #FigmaMake
Here’s how 👇
html.to.design/blog/from-f...
#Figma #designworkflow #FigmaMake
From Figma Make to Figma Design | html.to.design — Convert any website into fully editable Figma designs
Explore design ideas or bootstrap the boring parts of your design in Figma Make and then import them into Figma Design using html.to.design plugin.
html.to.design
July 30, 2025 at 1:00 PM
Figma Make → Figma Design ✨
Here’s how 👇
html.to.design/blog/from-f...
#Figma #designworkflow #FigmaMake
Here’s how 👇
html.to.design/blog/from-f...
#Figma #designworkflow #FigmaMake
July 29, 2025 at 1:44 PM
July 25, 2025 at 3:22 PM
July 23, 2025 at 1:38 PM
Microsoft Word → Figma ✨
Import your office documents, fully editable, in a couple of clicks ✨
Here’s how 👇
anything.to.design/blog/how-to...
#Figma #designworkflow #Office
Import your office documents, fully editable, in a couple of clicks ✨
Here’s how 👇
anything.to.design/blog/how-to...
#Figma #designworkflow #Office
How to import a Microsoft Word document into Figma
If you’re looking for a way to bring content from Microsoft Word to Figma, the plugin office.to.design is your answer!
anything.to.design
July 22, 2025 at 1:09 PM
Microsoft Word → Figma ✨
Import your office documents, fully editable, in a couple of clicks ✨
Here’s how 👇
anything.to.design/blog/how-to...
#Figma #designworkflow #Office
Import your office documents, fully editable, in a couple of clicks ✨
Here’s how 👇
anything.to.design/blog/how-to...
#Figma #designworkflow #Office
Framer → Figma,
Import your entire website, fully editable, in a couple of clicks ✨
Here’s how 👇
html.to.design/blog/from-fr...
#Figma #designworkflow #Framer
Import your entire website, fully editable, in a couple of clicks ✨
Here’s how 👇
html.to.design/blog/from-fr...
#Figma #designworkflow #Framer
Export your Framer website to Figma with html.to.design | html.to.design — Convert any website into fully editable Figma designs
How to take your website designs from Framer to Figma in seconds.
html.to.design
July 17, 2025 at 1:01 PM
Framer → Figma,
Import your entire website, fully editable, in a couple of clicks ✨
Here’s how 👇
html.to.design/blog/from-fr...
#Figma #designworkflow #Framer
Import your entire website, fully editable, in a couple of clicks ✨
Here’s how 👇
html.to.design/blog/from-fr...
#Figma #designworkflow #Framer
Apple Pages → Figma, fully editable, drag n drop style ✨
Here’s how 👇
anything.to.design/blog/how-to...
#Figma #designworkflow #applepages
Here’s how 👇
anything.to.design/blog/how-to...
#Figma #designworkflow #applepages
How to import your documents from Apple Pages to Figma
Integrate content and design in one environment and reduce tool-switching by bringing your Apple Pages files right into Figma as editable layers.
anything.to.design
July 16, 2025 at 1:00 PM
Apple Pages → Figma, fully editable, drag n drop style ✨
Here’s how 👇
anything.to.design/blog/how-to...
#Figma #designworkflow #applepages
Here’s how 👇
anything.to.design/blog/how-to...
#Figma #designworkflow #applepages
500,000 PDFs imported into #Figma.
Probably 1 million missing font warnings — thank god (or our devs) for the font mapping feature. 😄
👉 pdf.to.design
Probably 1 million missing font warnings — thank god (or our devs) for the font mapping feature. 😄
👉 pdf.to.design
July 15, 2025 at 2:17 PM
500,000 PDFs imported into #Figma.
Probably 1 million missing font warnings — thank god (or our devs) for the font mapping feature. 😄
👉 pdf.to.design
Probably 1 million missing font warnings — thank god (or our devs) for the font mapping feature. 😄
👉 pdf.to.design
Gemini → Figma in a click ✨
The html.to.design Chrome extension now natively supports Gemini — turn your AI creations into editable Figma files instantly.
🔗 chromewebstore.google.com/detail/htmlt...
#Figma #Gemini #AIwebdesign
The html.to.design Chrome extension now natively supports Gemini — turn your AI creations into editable Figma files instantly.
🔗 chromewebstore.google.com/detail/htmlt...
#Figma #Gemini #AIwebdesign
July 9, 2025 at 12:29 PM
Gemini → Figma in a click ✨
The html.to.design Chrome extension now natively supports Gemini — turn your AI creations into editable Figma files instantly.
🔗 chromewebstore.google.com/detail/htmlt...
#Figma #Gemini #AIwebdesign
The html.to.design Chrome extension now natively supports Gemini — turn your AI creations into editable Figma files instantly.
🔗 chromewebstore.google.com/detail/htmlt...
#Figma #Gemini #AIwebdesign
Skywork → Figma in one click. Fully editable. No hacks.
👉 html.to.design/blog/from-sk...
#Figma #webdesign #AItools #skywork
👉 html.to.design/blog/from-sk...
#Figma #webdesign #AItools #skywork
From Skywork to Figma. Your AI-powered design workflow | html.to.design — Convert any website into fully editable Figma designs
Bring your AI-generated designs from Skywork into Figma.
html.to.design
July 7, 2025 at 1:27 PM
Skywork → Figma in one click. Fully editable. No hacks.
👉 html.to.design/blog/from-sk...
#Figma #webdesign #AItools #skywork
👉 html.to.design/blog/from-sk...
#Figma #webdesign #AItools #skywork
Figma ➞ v0 in a click ✨
Quick reminder that #v0 is natively supported by html.to.design chrome extension–one-click import into #Figma👇
html.to.design/blog/from-v0...
Quick reminder that #v0 is natively supported by html.to.design chrome extension–one-click import into #Figma👇
html.to.design/blog/from-v0...
From v0 to Figma. Use AI-generated code to bootstrap your Figma designs | html.to.design — Convert any website into fully editable Figma designs
Trying out a new way to get started on designs faster... Using AI-generated code and html.to.design to bootstrap Figma designs for a web landing page.
html.to.design
June 25, 2025 at 2:43 PM
Figma ➞ v0 in a click ✨
Quick reminder that #v0 is natively supported by html.to.design chrome extension–one-click import into #Figma👇
html.to.design/blog/from-v0...
Quick reminder that #v0 is natively supported by html.to.design chrome extension–one-click import into #Figma👇
html.to.design/blog/from-v0...
Gamma → #Figma in one click ✨
html.to.design now supports gamma.app natively— bring your decks, designs, and docs straight into Figma.
html.to.design now supports gamma.app natively— bring your decks, designs, and docs straight into Figma.
June 24, 2025 at 11:53 AM
Gamma → #Figma in one click ✨
html.to.design now supports gamma.app natively— bring your decks, designs, and docs straight into Figma.
html.to.design now supports gamma.app natively— bring your decks, designs, and docs straight into Figma.