Back to Plugins
html-to-figma-auto-layout DEV-plugin
html-to-figma-auto-layout DEV-plugin
htmltofigmaauto layouthtmlcode-generators
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
| Version | 3 |
|---|---|
| Created | January 24, 2024 |
| Last Updated | January 26, 2024 |
| Category | Software development |
| Creator | Anurag Shukla |
| Stats | 308 installs, 16 likes |
| Pricing | Free |
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:
- *
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.