All activity

The only Figma plugin that imports PDFs into Figma as editable designs, with 100% privacy! The PDF is analysed on your computer only.

pdf.to.design 2.0
Import PDFs into editable Figma designs!

Design your website in Figma and hit PUBLISH to get your live website, instantly. Fully responsive, with free hosting and all the settings you need for SEO, performance, forms, custom code, embeds, analytics and more.

figma.to.website
Design and deploy websites without leaving Figma

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

gregory quinio
left a comment
Together, now developers and designers can use the same tool for review, sharing and documenting, the dev side of the design systems. Live visual review is a must as well as Documentation.
Sharing a preview link is also a must, but not having to wait for any CI or build behind the scene and starving server resources is game changer, because everything happens in the browser and the update is...
Backlight
Make design systems that front-end teams want to use

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