Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Website

Devault — Web to Figma

Turn any website URL or email HTML file into fully editable Figma layers.

Visit Devault — Web to Figma4.7

  • Rating

    4.7 / 5

  • Pricing

    Free

  • Difficulty

    Beginner

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

What is Devault — Web to Figma?

Devault is a Figma plugin that rebuilds a live website or an HTML email as real, editable Figma layers rather than a flat screenshot. Paste a URL or drop an .html file and it recreates native text with per-range font styles, image fills, gradients, vectors, borders and shadows. It handles scroll-animation heavy sites by unrolling pinned GSAP scenes into sequential frames, imports icons from SVGs, CSS masks, icon fonts and sprite sheets in their true colours, and can capture desktop, tablet and mobile viewports in a single run. Captures are processed transiently and deleted within six hours.

Pros: what Devault — Web to Figma does well

  • Imports editable layers, not screenshots
  • Handles scroll animations and tricky icon formats cleanly
  • Desktop, tablet and mobile in one import
  • Email HTML import is rare among competitors

Cons: where it falls short

  • WebGL and canvas scenes come in as flat images
  • Heavily bot-protected sites can degrade
  • Animated marketing pages can take up to 90 seconds

Who Devault — Web to Figma is for

Designers and developers who need to recreate, audit or remix an existing website or marketing email inside Figma.

Who can skip it

People who design from scratch and never need to bring live web pages into Figma.

Devault — Web to Figma alternatives

Not sold on Devault — Web to Figma? These do a similar job, and each card says what it has in common.

All Workflows resources

Superstreamer

Focus: video streaming, ffmpeg and hls. Also in Workflows and Automation, like Devault — Web to Figma. Same 4.7 rating.

WebsiteFreeWeb, Cross-Platform
4.7Visit

RaycastEditor's pick, verified

Focus: launcher, shortcuts and keyboard. Also in Workflows and Automation, like Devault — Web to Figma. A desktop app, not a website. Freemium (Devault — Web to Figma: Free). Adds macOS, Windows and iOS. Rated 4.9 (Devault — Web to Figma: 4.7).

Desktop AppFree planmacOS, Windows
4.9Visit

Hugeicons

Focus: icons, icon library and svg. Shares figma with Devault — Web to Figma. Freemium (Devault — Web to Figma: Free). Rated 4.8 (Devault — Web to Figma: 4.7).

WebsiteFree planWeb
4.8Visit

LS Graphics

Focus: mockups, iphone mockups and photoshop. Shares figma with Devault — Web to Figma. Freemium (Devault — Web to Figma: Free). Rated 4.8 (Devault — Web to Figma: 4.7).

WebsiteFree planWeb
4.8Visit

Free alternatives to Devault — Web to Figma

Want to spend nothing? These free picks cover similar ground.

AutoHotkey

Focus: hotkeys, macros and scripting. Also in Automation and Personal Productivity, like Devault — Web to Figma. A desktop app, not a website. Adds Windows and Offline. Same 4.7 rating.

Desktop AppFreeWindows, Offline
4.7Visit

Coolify

Focus: self-hosting, deployment and hosting. Also in Workflows and Automation, like Devault — Web to Figma. A web app, not a website. Same 4.7 rating.

Web AppFreeWeb
4.7Visit

iTerm2

Focus: terminal, mac and command line. Also in Workflows and Automation, like Devault — Web to Figma. A Mac app, not a website. Adds macOS. Same 4.7 rating.

Mac AppFreemacOS
4.7Visit

Karabiner-Elements

Focus: keyboard remapping, shortcuts and hyper key. Also in Workflows and Automation, like Devault — Web to Figma. A Mac app, not a website. Adds macOS. Same 4.7 rating.

Mac AppFreemacOS
4.7Visit

Microsoft PowerToys

Focus: launcher, command palette and windows utilities. Also in Workflows and Personal Productivity, like Devault — Web to Figma. A Windows app, not a website. Adds Windows. Same 4.7 rating.

Windows AppFreeWindows
4.7Visit
Are you the maker of Devault — Web to Figma?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

New · updated daily

What people are actually doing with AI

Real use cases shared on Reddit, Hacker News, X, GitHub and blogs, summarised in plain words with a link to every original post.

Browse AI use cases

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.