Upbuilder - Figma to Webflow Plugin | Client-First Classes, No Auto Layout Needed, Responsiveness
Free to Try – Client-First Classes, No Auto Layout Needed, Full Responsiveness
Plugin Preview
About this plugin
Stop rebuilding your designs from scratch. Convert Figma to Webflow with perfect semantic structure, instant responsiveness, and code that's actually easy to maintain and edit.
What Makes It Different
- Generates reusable combo classes: smart, adaptable classes that work with your design system or Client-First.
- No Auto Layout required: works with any frame, regardless of how it was built.
- Detects Webflow components: tabs, sliders, buttons, navbars, dropdowns, forms, grids, and more.
- True responsiveness: generates code for large desktop, desktop, tablet, and mobile (portrait & landscape).
How It Works
1. Select your design frame
2. Click Continue
3. Wait for processing
4. Preview Webflow Export
5. Export to Webflow
Plugin Details
| Version | 123 |
|---|---|
| Created | January 26, 2025 |
| Last Updated | January 23, 2026 |
| Category | Software development |
| Creator | Vincent Salernitano |
| Stats | 130 installs, 23 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui_plugin.html
- main:dist/code_plugin.js
- Document Access:dynamic-page
- Network Access:
Plugin requires network access for: (1) UpBuilder.ai backend API communication (upbuilder.ai, figma-api.upbuilder.ai), (2) WebSocket connections for real-time processing updates (wss://figma-api.upbuilder.ai), (3) Google Fonts for UI rendering (fonts.googleapis.com, fonts.gstatic.com), (4) User authentication via Google OAuth (googleusercontent.com), (5) GitHub resources for documentation and assets (githubusercontent.com)
- Editor Types:figma
- Allowed Domains:
- https://*.githubusercontent.com
- https://*.googleusercontent.com
- https://figma-api.upbuilder.ai
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://upbuilder.ai
- wss://figma-api.upbuilder.ai
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.