‹div›RIOTS

‹div›RIOTS is a suite of tools built to speed up design work inside Figma. Its core function is to bring external content into Figma as fully editable layers, not static images. You can use its browser extension to capture any webpage—even private or logged-in pages—and paste it directly onto the Figma canvas. It also offers plugins to import a wide range of file formats, from PDFs and Office documents to specialized files like PSDs, AutoCAD drawings, and 3D models, converting them into Figma elements.

What makes ‹div›RIOTS stand out is the breadth of its import capabilities and its integration of AI features directly into the Figma workflow. Beyond simple conversion, plugins like `ai.to.design` let you generate designs from a text prompt. Others use AI for practical image editing tasks: removing objects or backgrounds from images, upscaling low-resolution graphics, and vectorizing bitmap images, all without leaving Figma. For developers, the platform provides APIs (`code.to.design` and the main ‹div›RIOTS API) to programmatically convert HTML or file formats into Figma-compatible data, enabling custom integrations.

The tool is a clear fit for UI/UX designers and product teams who frequently need to incorporate existing assets or web references into their Figma projects. It removes the tedious step of manually recreating designs from screenshots or incompatible file types. Developers working on design-to-code pipelines or building tools that interact with Figma will find the APIs particularly useful for automating the flow of visual data.