Quick Start
Import a Publicly Accessible Page by URL
If anyone can open the page without signing in, you can skip the browser extension. Open the Refore HTML to Figma plugin in Figma, choose URL Import, paste the page URL, and start the import.
Import an AI-Generated HTML Page
If the page was generated by an AI tool such as Claude, Codex, Cursor, or Lovable, you can import its .html file, folder, or zip package directly. See Import AI-Generated HTML Pages to Figma for the complete workflow, including Interactive Import and one-click sub-page import.
Capture and Import Your First Page in 2 Minutes
For pages that require a sign-in or are not publicly accessible, capture the page with the browser extension before importing it. The process usually takes less than two minutes:
- Capture the webpage using the Refore HTML to Figma Chrome extension.
- Go to Figma and launch the Refore HTML to Figma plugin.
- Click the latest capture to import it into Figma.