Skip to content

Import Lovable-Generated Pages to Figma

This mode usually generates a complete frontend project, so you cannot obtain a complete HTML file and import it directly with the Refore HTML to Figma plugin. Use the browser extension to capture the page before importing it.

After generating a page in Lovable and opening its preview, capture it with the browser extension and import it to Figma:

  1. Enter a prompt in Lovable to generate a project page
  2. When the page is ready, click the preview button to open it
  3. Open the Refore HTML to Figma browser extension and capture the page
  4. Open the Refore HTML to Figma plugin in Figma
  5. Import the page you just captured — done