Skip to main content
Solved

How do we create a style for text hyperlinks?


SLT-UX

By text hyperlink I mean this.

So let’s say we want all text hyperlinks in our design (which can be part of a text layer and not the entire text layer), to appear as follows:

  1. Not underlined
  2. For the text color, use a color style (for example, let’s say “primary color”, which is #F88078)

How do we set this up?

Best answer by Gleb

You can create a Text Style and apply it to every link manually. There is no such special thing as “hyperlink style” in Figma.

View original
This topic has been closed for comments

Gleb
  • Power Member
  • April 3, 2021

You can create a Text Style and apply it to every link manually. There is no such special thing as “hyperlink style” in Figma.


SLT-UX
  • Active Member
  • April 4, 2021

Yikes. This seems like a basic thing to set up when defining a theme within a design system (the styling of text hyperlinks).

I wonder why this exception exists. Having to manually apply a style for every text link in a design doesn’t make much sense, especially when Figma has its Styles capability. 🤔


Evan_Grim

Possibly part of the reason this does not exist is that it is a bit more complex than it first appears.

Hyper links have multiple states (default, active, focused, hover, visited). Those states can have different combinations of text styles and colors.

So really there is not one “link style.” Maybe better to think of it as an in-line (text) component or something (I’m new to Figma, so I’m not sure about this).


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings