How to Apply Hyperlink Types

Hyperlink type data can be used in Figma to create clickable links that redirect to specified websites.

Prepare Your Data

Naming Your Table Header

Name your column for hyperlink data with a title, such as “Website”.

Prepare Your Data

Import Data into the Plugin and Create Your Design

Open Table to Figma and import your data, then switch to the column properties. In Figma, prepare your layers for application. Your preparation should look as shown below:

Step One

Binding Layers

In your Figma file layers: Simply name your layers using the format #ColumnName to bind the corresponding layer’s properties, as shown below:

Step Two

Select Column Properties

In the Table To Figma plugin, you can set the link property to “Text or Hyperlink” in the column properties panel.

Step Three

Generate Results

With layers selected and column properties set to “URL”, click the “Generate” button in the Table To Figma plugin to generate hyperlinks, as shown below: