Skip to content
Last update: July 5, 2024

Use Builder.io

Builder.io is an intuitive solution that allows anyone on your team to manage Frontend Application pages without having to rely on developers. As long as Virto Frontend Application has native integration with Builder.io, you can start using it right away:

  1. Open Platform.
  2. Click Dots to open applications menu.
  3. Click Builder.io. The Builder.io dashboard opens in a new window.
  4. If required, select a space from the list.
  5. Click New entry to create a new page.
  6. The newly created page already contains a header and a footer that maintain the UI and design of the Virto Frontend Application:

    Header and footer

    The left sidebar contains custom components. If necessary, users can add their own custom components or edit the existing ones:

    Custom components

Readmore Builder.io user guide

Copy Components from Figma

Thanks to the Builder.io Figma plugin, any user can copy components designed in Figma and paste them into a page edited in Builder.io:

  1. Run Builder.io plugin in Figma.
  2. Click on the component you want to copy to your Builder.io edited page.
  3. Open the Builder.io plugin.
  4. Click Copy to Builder.
  5. Open the page you are editing in Builder.io.
  6. Press Ctrl+V on the page where you want to paste the copied component.

    Copy and paste

The selected component has been pasted to your Builder.io edited page.