Figma plugin#1 in New in 2026

HTML to Figma by Neil

Import HTML and convert web layouts into editable Figma designs

by Neil

users
45K
likes
1.1K
saves
4.7K
comments
41
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v8 Ā· Jul 26, 2026
First published
Jan 21, 2026
Publisher
Neil
On this page
Overview

About HTML to Figma by Neil

HTML to Figma is a free Figma plugin published by Neil in 2026. It works in Figma Design and has 45,001 users and 1,063 likes on the Figma Community. It ranks #1 in New in 2026 and #17 in Website to Figma on our lists.

In the developer's words

HTML to Figma helps you import HTML files or web content directly into Figma as editable design layers āš”

Use this plugin to convert existing websites, prototypes, or UI layouts into structured Figma frames, saving hours of manual rebuilding work šŸ§©

What you can do

šŸš€ Import HTML files into Figma

šŸ§± Convert web layouts into editable frames and layers

šŸ§­ Preserve layout structure and hierarchy

ā±ļø Speed up redesign, iteration, and UI audits

Perfect for designers, product teams, and developers who want to move faster from code to design.

------------------------------------------------

šŸŒ Learn More: https://neil.yoga/

šŸ’¬ Need Help? Contact us at support@neil.yoga

Changelog

What's new

Version 8 Ā· released Jul 26, 2026

  • šŸš€ New Features (feat)
  • Compatible with Phosphor Icons and Lucide Icons import
  • Import Enhancements: Background scaleMode / object-fit / line-height / gradient direction / text-shadow / drop-shadow / SVG multi-delegates + bitmap fallback
  • šŸ› Fixes
  • Fixed Font Awesome 6 / Bootstrap Icons being mistakenly discarded when webfont CSS was not loaded in time
  • Fixed "No body found" error caused by a blocking external script in the head resulting in null doc.body
  • Skip collapsed Q&A, deterministically reset scrolling before screenshots
  • Center button text, force eager loading for lazy-loaded images, improve gradient fidelity
  • āš” Performance (perf)
  • Skip invalid figma-image polling, smoother import progress
  • Automatic Tailwind detection, large import chunks, image size limit, proxy priority retrieval
  • šŸ§¹ Refactoring
  • Fixed + parseColor support hex
  • Remake Font Replacement Panel
Trust

Permissions and privacy

Network access

HTML to Figma's manifest allows network access to any domain ("*"), so Figma doesn't limit where it can send data.

  • *

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where HTML to Figma ranks

Compare

HTML to Figma alternatives

  1. 1

    Magnific

    by Jose Ballestas

    27K users1.2KFree

    Create images, video, designs

    View details
  2. 2

    Buddy Figma AI agent:Claude design to Figma,Codex HTML UX generator Co-pilot assistant for Designers

    by Anima

    9K users245Free

    Buddy - Your Figma AI design partner, living right inside Figma.

    View details
  3. 3

    Text on path

    by Aleksei Kipin

    8.8K users62Free

    Place text on paths and shapes ā€” curves, circles, and custom vectors.

    View details
  4. 4

    CANVA Export

    by willabs

    8.4K users111Free

    Export Figma to Canva Design

    View details
  5. 5

    Perspective Distort

    by Aleks. Keda

    8.2K users111Free

    Apply realistic 3D perspective transformations to any vector shape

    View details
  6. 6

    Layerize

    by David

    6.2K users95Free

    FREE: Screenshot to Figma!! Convert image to Figma design!

    View details
FAQ

HTML to Figma FAQ

What does HTML to Figma do?

Import HTML and convert web layouts into editable Figma designs. It's a Figma plugin by Neil that runs in Figma Design.

Is HTML to Figma free?

Yes. HTML to Figma is free to install and run from the Figma Community, with no paid tier listed.

Is HTML to Figma safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. HTML to Figma's manifest allows network access to any domain ("*"), so Figma doesn't limit where it can send data. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install HTML to Figma?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to HTML to Figma?

By user count, the closest alternatives are Magnific, Buddy Figma AI agent:Claude design to Figma,Codex HTML UX generator Co-pilot assistant for Designers and Text on path. Compare all of them on the best Figma plugins for new in 2026.

For developers

Built this plugin?

Use this page as a landing page for HTML to Figma: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

HTML to Figma by Neil on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/html-to-figma-too3/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="HTML to Figma by Neil on figmaplugins.co" width="220" height="48"></a>

Want it featured on figmaplugins.co? Submit it for review