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 | 245 installs, 13 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
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI