Back to Plugins
html-to-figma-auto-layout DEV-plugin

html-to-figma-auto-layout DEV-plugin

html-to-figma-auto-layout DEV-plugin

htmltofigmaauto layouthtmlcode-generators

Plugin Preview

html-to-figma-auto-layout DEV-plugin preview

About this plugin

Converts HTML to Figma, with autoLayout Support


Integration steps

To integrate Auto Layout into your project, follow these steps:


1. Identify Auto Layout Elements

Determine which HTML elements should use Auto Layout. Add the data-auto-layout="true" attribute to these elements.


<div data-auto-layout="true">
  <!-- Your Auto Layout content goes here -->
</div>

Plugin Details

Version3
CreatedJanuary 24, 2024
Last UpdatedJanuary 26, 2024
CategorySoftware development
CreatorAnurag Shukla
Stats224 installs, 11 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:./index.html
  • main:./figma.js
  • Network Access:

    We need to access the internet to fetch AI generated design resources, such as images, or fonts.

  • Editor Types:
    figma
  • Allowed Domains:
    • *