ScreenFlow
Import UI references from any website directly into Figma
Plugin Preview
About this plugin
ScreenFlow is the fastest way to capture and import website screenshots into Figma for your design references.✨ How it works:1. Capture any website on screenflow.pro2. Select captures and click "Copy to Figma"3. Paste the 6-digit code in this plugin4. Choose viewports & import mode → Done!🎯 Features:• Two import modes:- Images: High-quality screenshot imports- Layers: Editable Figma layers converted from HTML• Multi-viewport support (Desktop, Tablet, Mobile)• Auto-organized Frames with metadata (Title, URL, Date)• Grid layout for multiple capturesPerfect for:• UI/UX designers collecting design inspiration• Product teams documenting competitor research• Design systems teams archiving reference materialsVisit screenflow.pro to start capturing websites.
Plugin Details
| Version | 10 |
|---|---|
| Created | January 4, 2026 |
| Last Updated | March 5, 2026 |
| Category | design-tools-other |
| Creator | Sang |
| Stats | 412 installs, 51 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
Fetches session data from Screenflow API, images from CDN, converts HTML to Figma layers via code.to.design API, and sends analytics events to PostHog
- Editor Types:figma
- Allowed Domains:
- https://api.screenflow.pro
- https://api.to.design
- https://cdn.screenflow.pro
- https://us.i.posthog.com
More Like This
Discover other plugins in the design-tools-other category.