Figma is represented by both a wordmark and icon. This section outlines the proper use of both symbols.
Figma’s wordmark and icon are the essential Figma touchpoints. Formally, they strive to be inclusive and approachable. Using simple, geometric forms, they evoke both a childlike approachability and the technical precision of computer generated graphics.
This results in a flexible, but regimented wordmark and icon. Designers are invited to remix the icon within parameters as if they were children’s blocks. This extends the icon into a creative space.
In order to preserve these two ideals, as with most logos, their integrity needs to be preserved. This page describes the intended use of the wordmark and icon.
The Figma wordmark should be rendered in black or white only. However, if production methods dictate, a colored rendition is acceptable in those circumstances.
Avoid crowding the Figma wordmark, by ensuring appropriate spacing exists around the logo. Have at least the height of the lowercase ‘a’ in the wordmark’s space on all sides of the wordmark.
The Figma wordmark should be presented in its original orientation. Avoid cropping, skewing, coloring, or adding effects to the mark.
Every design begins with same basic elements — points, lines, and shapes. Similarly, even the most complex designs can be reduced to these indispensable pieces.
The Figma 1-Color Icon can be used as an alternative to better separate the icon from the background.
This application can be used on a variety of colored backgrounds. Black or white should be chosen to ensure appropriate contrast.
Avoid crowding the Figma icon by ensuring appropriate spacing exists around the icon. Have at least the height of one unit in the icon on all sides of the icon.
The stroke for the 1-color/outlined icon should be thick enough that it closes the negative space at the top right of the circle. It should be just thick enough to accomplish this.
The Figma icon should be presented in its original orientation. Avoid cropping, skewing, changing the colors, or adding effects to the mark.
Avoid pairing the wordmark and icon whenever possible.