gridi - Export Node to Figma

About this plugin

gridi converts live web pages into native Figma frames.It extracts HTML/CSS structure and rebuilds it with auto-layout, real text layers, verctor icons, and proper fills so you can edit every element directly in Figma.How it works :Enter your website URL in the gridi dashboard (app.gridi.ai)gridi crawls the pages and extracts the design structureOpen this plugin, select your project, and choose which pages to importEach page is reconstructured in Figma as editable frames with auto-layoutWhat gets imported :Auto-layout with padding, gap, and alignment mapped from CSS flex/gridEditable text with font matching, styled ranges, and trucationBackground colors, gradients, images, and border radiusSVG icons as vector nodesShadows, strokes, and opacityResponsive sizing (hug/fixed) inferred from CSSBuilt for designers and developers who want to bring existing web UIs into Figma for redesign, documentation, or design system alignment - without manually recreating every screen.