HTML to Figma - by Builder.io

#4.29 / 45 rate

HTML to Figma - by Builder.io

100,000 users

2019-09-04

https://builder.io

Extension Information

5 star
78%
4 star
4%
3 star
3%
2 star
0%
1 star
15%

Supported Languages

Permissions

Description

Import a web page to Figma layers

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

Reviews

Lauma Lasma Gruznina
Lauma Lasma Gruznina

samir leon
samir leon

la extension ya no sale en el figma

Liz Lucas
Liz Lucas

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!

Similar extensions

Element to Figma
Element to Figma

https://octavioamu.com

Page to wireframe
Page to wireframe

Brad Czerniak (ao5357)

Figma
Figma

Figma

html.to.design
html.to.design

chrome-webstore

Heurio - One-Click Bug Report & UX Check Tool
Heurio - One-Click Bug Report & UX Check Tool

https://heurio.co

CSS Peeper
CSS Peeper

CSS Peeper

Jinno: code any React component with AI
Jinno: code any React component with AI

Jinno

UX Check
UX Check

chrisgallello

Site Palette
Site Palette

https://palette.site

Web to Figma
Web to Figma

https://web-to-figma.design

Muzli - Design inspiration hub
Muzli - Design inspiration hub

https://muz.li

Builder.io
Builder.io

https://builder.io