Skip to content

How to Apply Hyperlink Types

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

Prepare Your Data

Naming Your Table Header

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

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: operation-column-link-figma

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: operation-column-link-bind-layer

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. operation-column-link-layer-match

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: operation-column-link-fill-generate