HTML to Figma - by Builder.io

Import a web page to Figma layers

What is HTML to Figma - by Builder.io?

HTML to Figma - by Builder.io is a Chrome extension that captures a web page and allows it to be imported as editable Figma layers. This extension proves useful to designers and developers as it allows for easy importation of real live site styles for creating designs and prototypes, as well as converting site components into design components. It's a great tool for deriving inspiration from live web designs to create mockups.

Download

Stats

By: https://builder.io

View on Chrome Web Store

Users: 100,000+

Rating: 4.38 (45)

Version: 0.0.7 (Last updated: 2022-08-31)

Creation date: 2019-09-04

Risk impact: Very low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

activeTab

Size: 351.23K

Email: st*****@builder.io

URLs: Website ,Privacy policy

Stats date:

Chrome-Stats Rank

# 2207 ▼ 45

Other rankings

#2482 in Workflow & Planning ▲ 5

#2 in figma keyword 34 ▲ 1

#4 in html keyword 41

#36 in import keyword 32 ▲ 3

#43 in component keyword 36 ▲ 1

Upgrade to see more rankings

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

Use this extension to capture your current page and import it as editable Figma layers!

What it's useful for

Easily import real live site styles for a starting point for designs and prototypes
Quickly turn real site components into design components
Easy import components from storybook, etc
Import a great live web design as a starting point for inspiration for your mockups

View and contribute to the source code here: https://github.com/builderio/html-to-figma/issues

User reviews

User reviews summary

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Saves a lot of time
Easy to use with just a click to capture pages
Handles the conversion of webpages to Figma efficiently, maintaining the layout

Cons

Requires the corresponding Figma plugin to work
Some management needed after conversion
Issues with images and fonts not converting perfectly

Most mentioned

Need to use the associated Figma plugin
Highly improves the workflow for developers
Can convert most of the webpage accurately

Recent reviews

this is sick. THANK YOU

Illya Yanchuk, 2019-11-26

This is super useful! You do have to use their figma plugin, which is not really noted here. If you go to the github for it (https://github.com/builderio/html-to-figma) and scroll down, it will show you which plugins to install to Figma (I used this one that was linked there - https://www.figma.com/community/plugin/747985167520967365/builder-io-ai-powered-figma-to-code-react-vue-tailwind-more) in order to upload the JSON file. Saved me a lot of time since I'm just now learning figma!