Skip to documentation
upbuilder.

Build

Sending from the plugin

Selecting designs in Figma and sending them to UpBuilder.

Sending a design

Click designs in Figma to select them, pick a destination, then press Export.

Up to 15 designs in one build.

  1. 1

    Select your designs

    Click a design in Figma and it appears as a card. Click another to add more, up to 15.
  2. 2

    Continue

    Press Continue once you have everything you want in this build.
  3. 3

    Choose a destination

    Webflow, Elementor, React, HTML, or Astro.
  4. 4

    Export

    Then press Create new project to open UpBuilder in your browser.
Nothing is created in your UpBuilder account until you press Create new project. The plugin only prepares and uploads the designs.

Export settings

These are set before the build and cannot be changed afterwards without rebuilding.

Responsive
Adapts the build to desktop, tablet, and mobile.
Images
Format and size. The default is Low, 1024px. Raise it if your design has large photography.
Interactions
Hover effects, scroll animations, and interactive elements.
Webflow options
Variables
Create Webflow Variables for colours, fonts, spacing, and borders.
Figma tokens
Use your Figma token values instead of raw styles.
Typography
Apply type styles as a class or as a tag.
Units
Output sizes in px or rem.
Elementor options
Pro widgets
Turn off if you do not have Elementor Pro and free equivalents will be built instead.
Hover effects
Include hover states in the exported widgets.
React, HTML, and Astro options
React styling
Vanilla CSS, Tailwind CSS, or Chakra CDN.
HTML and Astro
Vanilla CSS or Tailwind CSS.