FDN Web

A web intake pipeline for design reconstruction

FDN Web is a pipeline that converts live websites into structured, editable Figma designs using real DOM data.

What it is NOT

• Not AI
• Not screenshots
• Not scraping
• Not design-to-code

Components

This repository contains the entire FDN Web ecosystem:

• FDN Web Capture: A Chrome/Edge extension to export any webpage to JSON.
• FDN Web Intake: A Figma plugin to import that JSON with pixel-perfect fidelity.
• FDN Web Schema: The open JSON standard used to describe web content.

Getting Started

1. Install the Extension: Load fdn-web-capture as an unpacked extension in Chrome/Edge.
2. Install the Plugin: Import fdn-web-intake into Figma Desktop.
3. Flow:
   • Go to a website.
   • Click FDN Web Capture -> Export.
   • Go to Figma -> Run FDN Web Figma.
   • Drag & Drop the JSON file.

Contributing

We welcome contributions! Please see CONTRIBUTING.md for details.

License

MIT