Blog

Introducing the latest addition to our code.to.design API.

Generate designs from prompts with Claude Opus 4.7 in ai.to.design.

Presenting the latest version of our image-to-Figma converter, image.to.design.

Presenting the latest addition to our suite of plugins - maps.to.design! The easiest way to add real maps to your Figma designs.

Introducing our partnership with AI design system builder DNA Studio

Generate designs from prompts with one of our latest plugins, ai.to.design.

3d.to.design just got an upgrade and can now turn flat images into 3D, right in Figma.

Generate designs from prompts with the new GPT 5.4 in ai.to.design.

Introducing our partnership with AI design tool brono.ai

Generate designs from prompts with ChatGPT 5.3 Codex in ai.to.design.

Announcing an exciting new partnership with Stitch from Google Labs and ‹div›RIOTS.

Generate designs from prompts with Gemini 3.1 in ai.to.design.

Celebrating a new milestone for our plugin html.to.design.

Introducing our partnership with AI design tool banani.co

Generate designs from prompts with GLM-5 in ai.to.design.

Introducing the latest addition to our code.to.design API.

The latest Claude model already supported by ai.to.design.

A step-by-step tutorial on how to import your 3D assets into Figma to use in your designs.

Celebrating a new milestone for our plugin html.to.design.

Just launched, our latest plugin - 3d.to.design! The easiest way to import your 3D assets right into Figma.

Our new plugin just dropped, ai.to.design! Turn AI prompts into Figma designs right on your canvas.

Introducing xaml.to.design! Instantly convert Windows XAML files into editable Figma layers.

Introducing emf.to.design! Instantly convert Windows EMF and WMF files into editable Figma layers.

Convert XAML to Figma. Learn how to import Microsoft XAML files into Figma in just a few steps.

Convert EMF to Figma in just 4 steps. A full guide to importing Microsoft Windows .emf and .wmf files into Figma as editable layers.

As we begin a new year, we wanted to highlight everything the team has achieved in 2025.

Learn how to import AVIF images into Figma using the image.to.design plugin. Step-by-step guide to get AVIF files onto your Figma canvas.

Import TIFF files into Figma: you just need image.to.design. Drag in your file, click "import" and it lands on your canvas ready to use. No quality loss, no format juggling, no extra tools.

How to import Gamma.app presentation into editable Figma or Figma Slide

In this guide, we'll be using the Figma plugin pdf.to.design to import a PDF into Figma, as either static images or fully-editable layers.

Introducing html.to.make - our latest tool that converts any website into a Figma Make project ready to use.

Figma purchases the technology behind html.to.design to power new Figma Make functionality.

image.to.design just got even better, with its built-in, AI-powered screenshot-to-Figma converter!

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.

If you're looking for a way to bring content from Microsoft Word to Figma, the plugin office.to.design is your answer!

Integrate content and design in one environment and reduce tool-switching by bringing your Apple Pages files right into Figma as editable layers.

Bring your early brainstorming ideas from Mural to Figma, or convert boards from Mural to FigJam, with a single plugin!

Introducing the ultimate Figma plugin bundle... Import up to 40 different file types into Figma, all with a single subscription and for a fraction of the cost.

Introducing psd.to.design - our latest plugin that imports your Adobe Photoshop (.psd and .psb) files as editable Figma designs.

In this guide, we'll walk you through the simple steps to convert your Photoshop .psd files into Figma editable designs using the psd.to.design Figma plugin.

Introducing xps.to.design - our latest plugin that imports your XPS files as editable Figma designs.

Bring your legacy presentations from OpenOffice or StarOffice right into Figma Slides.

The ‹div›RIOTS team will have a booth at both Config SF and London this May... Come meet us!

‹div›RIOTS' IDEs components.studio, webcomponents.dev and backlight.dev will shutdown June 1st 2025 as we focus 100% on Figma development.

In this guide, we'll show you how to quickly transfer your Canva slides into Figma Slides using the pdf.to.design plugin.

In this guide, we'll walk you through the simple steps to convert your Google Slides presentation into Figma Slides using the pdf.to.design plugin.

A fast and easy way to import your AutoCAD files into Figma as editable designs.

Figma Slides is now open to everyone, and plugins for slides, too! Check out all 13 of our plugins now available for Figma Slides.

Need a quick way to move your Visio diagrams and flowcharts to Figma? The new plugin visio.to.design is your answer!

The only way to bring your design files from CorelDRAW to Figma. And as fully editable vectors! All you need is one tool…

A quick, easy tutorial for bringing all your Keynote presentations directly into Figma Slides as editable layers!

The only hub for next-level Figma plugins that import ANYTHING into Figma.

The quickest, easiest way to import your EPS files into Figma and edit them.

Introducing cad.to.design - our latest plugin that imports your AutoCAD files as editable Figma designs.

A step-by-step guide for the fastest way to move your design files from Adobe Illustrator to Figma.

Introducing visio.to.design - our latest plugin that imports Microsoft Visio files as editable Figma designs.

Introducing corelDRAW.to.design - our latest plugin that imports CorelDRAW files as editable Figma designs.

The best way to import image formats not natively supported by Figma.

Introducing eps.to.design - our latest plugin that imports Postscript .eps and .ps files as editable Figma designs.

A step-by-step guide for importing your PowerPoint presentations as editable Figma designs.

Our latest import plugin is now live! Introducing illustrator.to.design - to import Adobe Illustrator files into Figma as editable layers.

We just launched a new image editing plugin, Vectorize! Transform bitmap images into vector graphics, right in Figma.

Introducing image.to.design - our latest plugin that imports any image format, even those not supported by Figma!

Bring your old office files into Figma! Import any document or presentation as editable Figma layers.

Introducing office.to.design - a new and powerful plugin to import and convert any office document into Figma!

How to migrate your design files from Canva to Figma — a step-by-step guide.

As we wrap up another year, we wanted to take a moment to reflect on all that the team has achieved in 2024.

A step-by-step guide for migrating between design tools and how to move your .indd files from Adobe InDesign to Figma.

Introducing Remove Objects - a new and powerful plugin that removes objects from any image right in Figma!

Introducing pdf.to.design 2.0 with all new features and improvements.

At the end of June, part of the divRIOTS team was lucky enough to attend the Figma design conference, Config 2024... Here is what we discovered!

Introducing figma.to.website: the Figma plugin that instantly turns your designs into a live, hosted site. Design and deploy a website without leaving Figma!

Introducing Upscale (Privacy-First): the only Figma plugin that improves and upscales any low resolution image 100% privately!

The Kernel plugin that allows designers to design with real content and data, now joins the ‹div›RIOTS family.

Introducing Lorem Ipsum: the Figma plugin that generates dummy text for your Figma text layers in a click!

Introducing pdf.to.design: our latest plugin that imports your PDFs into Figma and converts them into designs!

Introducing Remove Background (Privacy-First): the only Figma plugin that removes the background from any image 100% privately!

We're now sharing our exclusive code.to.design technology with the world!

html.to.design has just reached 250,000 users and is one of Figma's top 30 plugins!

Introducing code.to.design playground: our new plugin that converts your code snippets into fully editable Figma designs!

NOT a bundler and NOT a framework. It's a post-processing static site optimizer for the best user experience and the best Core Web Vitals scores.

As we wrap up another year, we wanted to take a moment to reflect on all that the team has achieved in 2022.

html.to.design has just reached 100,000 users!

We are pleased to introduce LWC.studio, a dedicated online IDE for editing Lightning Web Components using Salesforce’s design system.

At ‹div›RIOTS we are committed to building great front-end products. We also care about the climate. So we have recently decided to give back 1% of our revenues to support carbon removal technologies and initiatives through the Stripe Climate program.

Introducing html.to.design: our new plugin that converts any webpage into fully editable Figma designs!

After a few month of private beta with cuting-edge users, we are now pleased to open the beta to everyone!

We built divRIOTS.com with Astro. ‟Here we go, another framework is out and another dude is making a website and blogging about it” — Let's see if we can make this interesting. 😉

We believe that code-to-design is the way to go when building design systems.

Introducing story.to.design, our Code to Figma UI Kit plugin!

We recently switched to pnpm, here's why and how.

We are proud to announce our sponsoring of the team behind open-wc and Modern Web.

We are proud to announce our sponsoring of Astro.

2021 is over, and what a year! Time for a recap.

We've rebooted our Advent of Code. 25 days, 25 features. Time for Recap!

We made 'browser-vite' - a patched version of Vite running in the browser with Workers.

This year again, we're rebooting our Advent of Code. 25 days, 25 features. Brace yourselves, Winter is coming!

We are proud to announce our sponsoring of Vite project and a sneak peek to `browser-vite` - our contribution to the Vite ecosystem.

style-dictionary-play.dev is an online playground for style-dictionary.