FDN Web Intake – Website to Figma
Convert websites into fully editable Figma designs using real DOM data.
Plugin Preview
About this plugin
FDN Web Intake converts real websites into fully editable Figma designs.
Using structured DOM data exported from the browser, the plugin recreates layout, hierarchy, and styles directly in Figma — without screenshots or manual rebuilding.
FDN Web Intake is part of the FDN Web ecosystem and works with FDN Web Capture.
### What it does
* Recreates website layouts in Figma
* Preserves hierarchy and positioning
* Supports colors, gradients, borders, shadows
* Accurately renders text styles and spacing
* Produces clean, editable layers
### How to use
1. Export DOM data using FDN Web Capture
2. Open FDN Web Intake in Figma
3. Paste or upload the JSON file
4. The design is recreated on the current page
### Best for
* UI & UX designers
* Product teams
* Redesign projects
* Design audits
* Documentation workflows
### Important
FDN Web Intake works with real DOM structure, not images or AI-generated designs.
## Figma Tags
- website to figma
- design import
- dom
- web intake
- ui workflow
- productivity
Plugin Details
| Version | 1 |
|---|---|
| Created | February 8, 2026 |
| Last Updated | February 8, 2026 |
| Category | Import & export plugins |
| Creator | Abdallah Soudy |
| Stats | 2 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:src/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML