Figma for Iframes

Gallery

Add New Frame

How to Use Figma for Iframes

Embed full real webpages in an infinite horizontal scroll to easily compare/contrast. I built this for comparing AI-generated landing pages from ChatGPT, Gemini, and Claude side-by-side to iterate and tweak designs.

Like Figma's design alternatives view, but for HTML. Works best with self-contained HTML snippets from AI, but can also embed existing pages via URL (though many mainstream websites block embedding).

Note: All iframe content is automatically saved locally - refresh the page, close the tab, come back later and your work will still be here.

What you can do:

  • •Compare HTML outputs from different AI tools (Claude vs ChatGPT vs Gemini)
  • •Test responsive designs across multiple device viewports simultaneously
  • •Visualize full-length HTML pages in a horizontal scroll layout
  • •Full-screen mode for detailed inspection of individual frames
  • •Drag and drop to reorder frames for better comparison workflow

Perfect for: Web developers, UI/UX designers, AI tool users, responsive design testing, A/B testing, code iteration workflows