All activity
html.to.design is the Figma plugin to turn webpages into editable designs.
We’ve been hard at work to incorporate your ideas and are proud to introduce some great new features in html.to.design 3.0!
html.to.design 3.0
Convert any website into fully editable Figma designs
No more placeholder content. With data.to.design you can create more accurate prototypes with less bias; helping you design better things, faster.
data.to.design
Design in Figma with your data
The only Figma plugin that imports PDFs into Figma with editable text layers! Choose between importing your PDF as editable designs or pixel-perfect images.
Extract images and text from your PDFs, collaborating on PDF documents directly in Figma!
pdf.to.design
Effortlessly convert any PDF document into Figma designs
The only privacy-first background-removal plugin for Figma. All images are analyzed locally on your device and never uploaded or shared anywhere.
Remove background from any image in Figma, with high-quality results, while keeping the image 100% private.
Remove Background (Privacy-First)
Remove background from any image in Figma, 100% privately
Import a single webpage or entire websites into Figma!
The plugin now comes with great new features like:
- Bulk imports
- Multi-viewport
- Multi-themes
- Text and color styles generation
Try it now 👉 html.to.design
The plugin now comes with great new features like:
- Bulk imports
- Multi-viewport
- Multi-themes
- Text and color styles generation
Try it now 👉 html.to.design
html.to.design 2.0
Convert any website into fully editable Figma designs
Now you can convert both public & private pages to editable Figma designs. Even pages behind a login!
Works for:
- Private webpages behind a login
- Local pages
- Only a selected area of a page
- Pages in any language.
Find us on the Chrome web store!
html.to.design Chrome Extension
Convert any website into fully editable Figma designs
Import any website into Figma in a click and kick-start your own designs without building a single element from scratch.
html.to.design
Convert any website into fully editable Figma designs
story.to.design is a Figma plugin that imports or updates components from your Storybook to Figma.
- Works with any framework
- Works with any framework
- Create variants and documentation
- Simulated states (hover, focus, tap, active)
- Simulated states (hover, focus, tap, active)
Learn more 👉 https://story.to.design
story.to.design
Keep your Figma components up to date with code
Backlight is a unique collaborative platform to build Design Systems code-side.
📐 Design tokens
🧩 Component code and stories
📖 Documentation site
📦 Managed release to npm
Everything in one place, in a true collaborative workspace.
Try 👉 backlight.dev
Backlight
Make design systems that front-end teams want to use
Build your components in insolation.
No install, no setup, ready to code.
One-click release to npm!
Components.studio
The Component IDE
Fastest way to build Web Components.
From plain ES Modules to full graphical Custom-Elements.
No configuration.
Add stories, tests and documentation.
Release to npm, Repeat.
WebComponents.dev
The modern IDE for web platform developers