Figma

The HIVO Figma plugin offers efficient digital asset management for creative professionals with the Figma software.

HIVO Plugin on Figma helps creative professionals manage digital assets efficiently. With search, import and upload functions, users can optimize their workflow and focus on work.

1. Installing the HIVO Plugin

Install the plugin from the community plugin page or within your Figma design:

Search HIVO Flugins

Install the plugin here: HIVO Figma Plugin

Figma plugin install

2. Login to the HIVO Plugin

Open the plugin within Figma and login with your HIVO credentials:

HIVO Figma login

3. Search your HIVO Library withing Figma

The library lists all the image assets that can be imported to a Figma design. Users can also search and download the asset. All assets version are available in the library.

HIVO Figma Library

4. Import Assets into Figma

Select the assets and versions you want to import to Figma by choosing the version you would like to import and clicking the IMPORT button:

Find and add assets

5. Uploading Assets into your HIVO Account from Figma

Upload a selected asset into HIVO from the plugin's Upload tab by doing the following:

🔹 Step 1: Select a node from your Figma design and the type of image you want to upload:

Add name and format

🔹 Step 2: Add tags related to this new asset. The system will suggest some tags, you can choose them or create new ones:

Add tags

🔹 Step 3: Define the metadata of the new asset and choose post-processing automation. Select the "Start Upload" button to finish storing the asset on HIVO:

Add asset details

6. Manage and Upload New Versions

🔹 Step 1: Select a node from your Figma design and the type of image you want to upload.

🔹 Step 2: In the Library, click the upload new version button.

HIVO Figma upload new version button

🔹 Step 3: Input the new version's name and select its new image type then click Start Upload.

HIVO Figma Upload new version

7. Importing Figma Pages as Templates in HIVO

The Import Figma Page as Template feature allows you to export a Figma page directly to HIVO as a template, enabling you to manage, edit, and deploy designs quickly within the HIVO DAM and Editor system.

7.1. How to import your current Figma page as a template in HIVO

🔹 Step 1: Navigate to the Document Tab in the HIVO Plugin

• Open the Figma page you want to import

• Go to the “Document” tab in the HIVO Plugin.

🔹 Step 2: Choose an Option to Save to HIVO

You'll have two main choices for how to save the template to HIVO:

• Save to New Template: Select this option if you want to save your current Figma page as a completely new template in HIVO's template library.

• Overwrite Existing Template: Choose this option if you want to update an existing template in HIVO with the current version from your Figma page.

🔹 Step 3: (Optional) Choose an Approval Template to Save to HIVO

• This is an optional step. If the template you're importing needs to go through an internal approval process before it can be widely edited in the HIVO Editor, you can select an "Approval Template" here.

• Selecting an approval template will trigger the predefined approval workflow (by Admin), after you export the template.

7.2. How to View your Template in HIVO after Import

Whether you can immediately view and edit your template in the HIVO Editor depends on whether you selected an approval template in the previous step:

1. If you imported the Figma page and DID NOT select an Approval Template:

• After the import process is complete, you can click the "View Template in HIVO" button

• This action will take you directly to the HIVO Editor with your exported Figma page, and you can start editing it right away.

1. If you imported the Figma page and DID SELECT an Approval Template:

• After porting, your template will be submitted into an approval workflow.

• This template needs to be approved by the authorized personnel according to the defined process.

• Only after the template receives approval will it appear and become editable in the HIVO Editor. While awaiting approval, the template will remain in a "Pending Approval" state and cannot be edited.

If you have any questions, don't hesitate to ask, we're always here to help!