Question 1

How is WebToDesign different from html.to.design?

Accepted Answer

WebToDesign is the only Figma plugin that captures sites with modern animations (Framer Motion, GSAP, scroll-reveal) in their final state — other plugins import the initial opacity-0 state. We also expose a public batch API, support 1×/2×/3× multi-resolution exports, and convert Claude Code transcripts to Figma boards. Pricing is $10/month or $99/year vs html.to.design's $18/month or $144/year.

Question 2

What does '99% accuracy' actually mean?

Accepted Answer

WebToDesign renders the page with a real Playwright browser, forces every animation library (GSAP, ScrollTrigger, anime.js, Web Animations API, Framer Motion SSR) to its final state, scrolls the page in tiles to trigger lazy reveals, and then maps the resulting computed CSS to native Figma properties — shadows, gradients, borders, blend modes, backdrop-blur, opacity. The 1% gap is JavaScript-dependent interactions and a few exotic CSS features.

Question 3

Does WebToDesign work on sites behind a login?

Accepted Answer

A Chrome extension that captures authenticated pages is in active development. Today, you can paste full HTML/CSS or upload a local project folder to bypass login walls.

Question 4

Are the imported designs editable or just screenshots?

Accepted Answer

Fully editable. Every element is a native Figma layer with real styles — text, shapes, images, frames. Repeated patterns become components. CSS flex/grid become Figma auto-layout. You can edit, restyle, and re-export anything.

Question 5

Does WebToDesign capture animations?

Accepted Answer

WebToDesign captures the final state of all animations — including Framer Motion, GSAP ScrollTrigger, anime.js, Web Animations API, and scroll-reveal libraries. Hover states are exported as Figma component variants.

Question 6

How does the Claude Code → Figma feature work?

Accepted Answer

Paste a Claude Code session URL or upload the JSON export. WebToDesign renders the chat — turns, tool calls, syntax-highlighted code blocks, file diffs — as a tidy editable Figma board. Designed for PMs spec'ing AI-native features and designers documenting AI workflows.

Question 7

Can I cancel anytime?

Accepted Answer

Yes. Monthly plans cancel at the end of the current period. Annual plans are refundable within 7 days, no questions asked.

Any site.
Suddenly editable.

webtodesign.

Any site.Suddenly editable.

webtodesign.

Any site.
Suddenly editable.