DivRiots provides tools that enhance collaboration between front-end developers and designers by integrating Figma with various content sources and design formats. Their solutions, such as converting websites and PDFs into editable Figma designs, streamline the design process and keep design systems synchronized with code, improving efficiency and reducing manual work.
Funding
$3M raised to dateRaised to date based on public sources. This may differ from the amount the company actually raised and is based only on what is publicly available on the internet.
Founders
Product
Problem
Front-end developers and designers often struggle to maintain consistency between design systems in Figma and the corresponding codebases, leading to duplicated effort and version control issues. Converting existing websites and other design formats into editable Figma designs can be a time-consuming and manual process.
Solution
DivRiots offers a suite of Figma plugins and online IDEs designed to streamline collaboration between front-end developers and designers. Their tools facilitate the conversion of websites, PDFs, and code snippets into fully editable Figma designs, enabling designers to leverage existing resources and maintain design consistency. The platform also provides solutions for synchronizing Figma libraries with Storybook, ensuring that design components remain up-to-date with the codebase. Additionally, DivRiots offers an online IDE for Web Components, allowing developers to build, test, and publish components directly to Git and npm.
Target Audience
The primary target audience includes front-end developers, UI/UX designers, and design system teams seeking to improve collaboration, streamline design workflows, and maintain consistency between design and code.
Features
- **html.to.design:** Converts any website into fully editable Figma designs.
- **story.to.design:** Generates and syncs a full Figma library from Storybook.
- **pdf.to.design:** Converts any PDF document into Figma designs.
- **code.to.design:** Transforms code snippets into fully editable Figma designs.
- **figma.to.website:** Design and publish websites directly from Figma.
- **data.to.design:** Syncs content sources to Figma for designing with real data.
- **WebComponents.dev:** Online IDE for building, pushing to Git, and publishing Web Components to npm.
- **Backlight.dev:** Specialized development environment for design systems with collaborative features.