Web2UI

A lightweight Web2UI workflow for turning public URLs, local HTML packages, and explicit browser captures into structured Figma design drafts.

Get started free
https://web2ui.lynavo.io/get-started
html.
to.
design
CSS
Font
Flex
SVG
Web2UI ExtensionACTIVE
Viewports
Browser (1280px)
W 1920 px
W 1440 px
W 1024 px
Themes
Light
Dark
Chrome Extension

Capture browser state for Figma

Capture the current viewport, a full page, or a selected element after you sign in and interact with the page.

  • Capture your way: Choose full-page auto-capture or select specific areas.
  • Customize styles: Adjust viewport sizes and toggle between light/dark themes.
  • Flexible export: Send directly to the Figma plugin, or copy to your clipboard.
  • Editable output: Creates structured layers and marks unsupported visuals with explicit fallbacks.
  • Private pages: Capture the browser state you are authorized to access and choose to submit.
Figma Plugin

Web2UI Figma Plugin

Import supported websites, browser captures, and HTML packages as structured Figma layers. Web2UI preserves editable text and vector data where supported and records fallbacks when browser-only visuals cannot be represented directly.

Open in Figma Community

URL to Figma

Paste a public HTTP or HTTPS URL to queue a browser capture and import the resulting structured design.

Open Figma Community

Sync Browser Captures

Captured private or login-required sites with our Chrome extension? Send them to Figma and convert them from your signed-in Capture tab.

Open Chrome Web Store

Upload HTML Files

Upload a supported .html or .zip package from the File tab. Web2UI renders static content without installing dependencies or running project build scripts.

Open Figma Community
OPEN-SOURCE EDITION

Capture locally. Paste into Figma.

The open-source edition is a standalone Chrome and Chromium extension for Visible Area and Full Page capture. Capture, conversion, temporary storage, and clipboard preparation run inside your browser—without a Web2UI account, hosted conversion service, analytics, or telemetry.

  • Local-first processing with explicit user-triggered capture and copy.
  • Verifiable GitHub Release ZIPs, checksums, SBOM, and build provenance.
  • Licensed under AGPL-3.0-only with public contribution and security guidance.
View open-source edition
local-first
WEB2UI OPEN-SOURCE EDITION

runtime     Chrome 106+
capture     visible | full page
processing  local in browser
output      copy for Figma
account     not required
service     none
license     AGPL-3.0-only
CAPTURE PIPELINE

Built for browser reality

Web2UI measures browser-rendered layout, preserves structured text and vectors where supported, and records explicit raster fallbacks for visuals that Figma cannot represent directly.

CAPTURE
  source: public URL | HTML/ZIP | Chrome

MEASURE
  layout | styles | text | assets

CONVERT
  editable layers + explicit fallbacks