Back to Plugins

Figma CSS & HTML Generator
Generate HTML, BEM-style CSS, and WordPress blocks directly from Figma structure
Plugin Preview
About this plugin
Generate BEM-style CSS, clean HTML, and native WordPress (Gutenberg) blocks directly from your Figma components and frames. Design once, build faster.
Figmaの構造を、そのままHTML / CSS / WordPressブロックに変換できます。FigmaのComponent / Frame構造から、BEM風CSS、HTML、WordPress(Gutenberg)ブロックを自動生成。
デザインと実装の間にある手作業を減らし、Figma→WordPress構築を最短距離でつなぎます。
Plugin Details
| Version | 1 |
|---|---|
| Created | December 14, 2025 |
| Last Updated | December 14, 2025 |
| Category | Software development |
| Creator | H.Maruyama |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
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.