Shortcuts.design
Every keyboard shortcut for designers, centralised and searchable.
WebsitePersonal ProductivityWebFree
4.7Visit
Website
Devault — Web to Figma
Turn any website URL or email HTML file into fully editable Figma layers.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
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
- 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
- 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 should use Devault — Web to Figma
Designers and developers who need to recreate, audit or remix an existing website or marketing email inside Figma.
Who may not need it
People who design from scratch and never need to bring live web pages into Figma.
Devault — Web to Figma alternatives
Similar resources to Devault — Web to Figma, picked from the directory.
Awesome Cloudflare Self-Hosted
Open-source apps that replace SaaS products, running in your own Cloudflare account.
WebsiteAutomationWebFree
4.7Visit
Superstreamer
An open, scalable, online streaming setup from ingest to adaptive video playback.
WebsiteWorkflowsWeb, Cross-PlatformFree
4.7Visit
Raycast
A launcher that turns your Mac into a command palette.
Mac AppWorkflowsmacOS, WindowsFreemium
4.9Visit
Hugeicons
A massive, beautiful icon library for designers and developers.
WebsiteWorkflowsWebFreemium
4.8Visit
LS Graphics
The highest quality free and premium device mockups for Photoshop and Figma.
WebsiteWorkflowsWebFreemium
4.8Visit
Free alternatives to Devault — Web to Figma
Free resources that cover similar ground.
Colors Visualizer
Preview color palettes on real designs — websites, mobile apps, branding, illustrations and more.
WebsitePersonal ProductivityWebFree
4.6Visit
Insomnia Mockbin
The open-source backend behind Insomnia's API mocks — mock, test and debug HTTP endpoints.
Web AppWorkflowsWebFree
4.6Visit
Quicksilver
The legendary keyboard launcher that lets you control your Mac quickly and elegantly.
Mac AppPersonal ProductivitymacOSFree
4.5Visit
simslim
Run more iOS simulators on one Mac by disabling background daemons the simulator does not need.
Mac AppWorkflowsmacOSFree
4.5Visit
uncoverLAB
Never start from blank Figma ever again! Website design components, app flows and color palettes.
WebsiteWorkflowsWebFree
4.5Visit
How to Build a $1M One-Person Business Faster With AI
Where AI genuinely removes work from a solo operation.
YouTube VideoAI ProductivityWeb, Cross-PlatformFree
4.4Visit
Featured on Best Productivity Resources
Made Devault — Web to Figma? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/devault-web-to-figma" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>