Notes on turning websites into Figma layers.

Comparisons with real prices, CSS-to-Figma references, tutorials, and datasets from our own imports. Written for designers who bring websites into Figma.

• TUTORIALDESIGNER22 September 2026

  Figma Components From Import: Turning a UnHTML Pro Page Into Reusable Styles

  Most of an UnHTML Pro import already has auto layout, text styles, and components. Here is how to finish organizing what Pro leaves as plain frames.

  Read
• TUTORIALDEVELOPER21 September 2026

  How to Import a React or Vue Site into Figma

  See how a CLI capture turns a live React or Vue app into editable, auto layout frames in Figma.

  Read
• REFERENCEDESIGNER20 September 2026

  Figma Font Substitution: How Missing Fonts Get Replaced and Logged

  Why an imported page's fonts read as missing in Figma, how Figma and UnHTML each replace them, and how to read the import report before you ship.

  Read
• REFERENCEDESIGNER19 September 2026

  CSS Grid to Figma: What Survives the Conversion to Layers

  CSS grid's tracks, spans, gap, and fr unit map almost directly onto Figma's grid auto layout. Grid-template-areas and subgrid do not, and this is why.

  Read
• COMPARISONDEVELOPER18 September 2026

  Figma Paste From Web vs Screenshot to Design Plugins vs UnHTML in 2026

  Figma's own paste turns web images into flat fills. Here's what each path, from screenshot plugins to UnHTML's CSS aware import, actually produces in 2026.

  Read
• COMPARISONDESIGNER17 September 2026

  UnHTML vs html.to.design: Pricing, Layer Limits, and Auto Layout Output in 2026

  UnHTML and html.to.design both turn a web page into editable Figma layers, but they price and cap that conversion in very different ways.

  Read
• REFERENCEDESIGNER16 September 2026

  CSS Flexbox to Figma Auto Layout: A Property by Property Map

  A property by property map from CSS flexbox to Figma auto layout: direction, justify-content, align-items, gap, flex-grow, and flex-shrink.

  Read