Figma
Figma
Figma
founded
2012
headquarters
San Francisco, California
2013
first logo + website
"Rent nightly from real people in 753 cities in 72 countries."
2013
first logo + website
"Rent nightly from real people in 753 cities in 72 countries."
This initial verison of Figma's logo was pre-launch, so it didn't yet capture the colorful, playful brand that we know today.
This initial verison of Figma's logo was pre-launch, so it didn't yet capture the colorful, playful brand that we know today.
This initial verison of Figma's logo was pre-launch, so it didn't yet capture the colorful, playful brand that we know today.
2015
closed beta launch
"Rent nightly from real people in 753 cities in 72 countries."
2015
closed beta launch
"Rent nightly from real people in 753 cities in 72 countries."
On December 3, 2015, Figma launched its closed beta, debuting this demo on its website.
On December 3, 2015, Figma launched its closed beta, debuting this demo on its website.
On December 3, 2015, Figma launched its closed beta, debuting this demo on its website.
serif logo
"Rent nightly from real people in 753 cities in 72 countries."
serif logo
"Rent nightly from real people in 753 cities in 72 countries."
Just before its closed beta launch, Figma's brand evolved from the serious geometric font to a more playful lowercase serif with ball terminals and curved loops.
Just before its closed beta launch, Figma's brand evolved from the serious geometric font to a more playful lowercase serif with ball terminals and curved loops.
Just before its closed beta launch, Figma's brand evolved from the serious geometric font to a more playful lowercase serif with ball terminals and curved loops.
2016
public release
"Rent nightly from real people in 753 cities in 72 countries."
2016
public release
"Rent nightly from real people in 753 cities in 72 countries."
On September 27, 2016, Figma was publicly released. It was "the first interface design tool with real-time collaboration."
On September 27, 2016, Figma was publicly released. It was "the first interface design tool with real-time collaboration."
On September 27, 2016, Figma was publicly released. It was "the first interface design tool with real-time collaboration."
new icon
"Rent nightly from real people in 753 cities in 72 countries."
new icon
"Rent nightly from real people in 753 cities in 72 countries."
Preceding the launch, Figma redesigned its previous serif logo into a more recognizable brand, including the colorful icon we know and love today.
Preceding the launch, Figma redesigned its previous serif logo into a more recognizable brand, including the colorful icon we know and love today.
Preceding the launch, Figma redesigned its previous serif logo into a more recognizable brand, including the colorful icon we know and love today.
2016
post-launch brand refresh
"Rent nightly from real people in 753 cities in 72 countries."
2016
post-launch brand refresh
"Rent nightly from real people in 753 cities in 72 countries."
The inspiration for the new icon stemmed from the fundamental simple shapes, or "building blocks" of design, the role of play in experimentation, and clean, modular systems.
The inspiration for the new icon stemmed from the fundamental simple shapes, or "building blocks" of design, the role of play in experimentation, and clean, modular systems.
The inspiration for the new icon stemmed from the fundamental simple shapes, or "building blocks" of design, the role of play in experimentation, and clean, modular systems.
2021
figjam
"Rent nightly from real people in 753 cities in 72 countries."
2021
figjam
"Rent nightly from real people in 753 cities in 72 countries."
With its plethora of features such as sticky notes, stickers, stamps, an in-browser record player and timer, FigJam exemplifies software that is not only functional but also fun, delightful, and interactive.
With its plethora of features such as sticky notes, stickers, stamps, an in-browser record player and timer, FigJam exemplifies software that is not only functional but also fun, delightful, and interactive.
With its plethora of features such as sticky notes, stickers, stamps, an in-browser record player and timer, FigJam exemplifies software that is not only functional but also fun, delightful, and interactive.
2024
brand refresh
"Rent nightly from real people in 753 cities in 72 countries."
2024
brand refresh
"Rent nightly from real people in 753 cities in 72 countries."
Recently, Figma unveiled a fresh coat of paint for its brand. As part of this brand refresh, Figma created a shiny new font, reinforced its visual motif of primitive building blocks, expanded its color palette, and bolstered its motion system.
Recently, Figma unveiled a fresh coat of paint for its brand. As part of this brand refresh, Figma created a shiny new font, reinforced its visual motif of primitive building blocks, expanded its color palette, and bolstered its motion system.
Recently, Figma unveiled a fresh coat of paint for its brand. As part of this brand refresh, Figma created a shiny new font, reinforced its visual motif of primitive building blocks, expanded its color palette, and bolstered its motion system.
figma sans
"Rent nightly from real people in 753 cities in 72 countries."
figma sans
"Rent nightly from real people in 753 cities in 72 countries."
In collaboration with Grilli Type, Figma created a new typeface to better accommodate members of its expanding audience.
In collaboration with Grilli Type, Figma created a new typeface to better accommodate members of its expanding audience.
In collaboration with Grilli Type, Figma created a new typeface to better accommodate members of its expanding audience.
Draft of Figma Sans
"Rent nightly from real people in 753 cities in 72 countries."
Draft of Figma Sans
"Rent nightly from real people in 753 cities in 72 countries."
primitives
"Rent nightly from real people in 753 cities in 72 countries."
primitives
"Rent nightly from real people in 753 cities in 72 countries."
We all know and love Figma's playful shapes, referred to as 'primitives'. These primitives form a basis from which new combinations of shapes can be made, reflecting the sheer infinite creative possibility of Figma.
We all know and love Figma's playful shapes, referred to as 'primitives'. These primitives form a basis from which new combinations of shapes can be made, reflecting the sheer infinite creative possibility of Figma.
We all know and love Figma's playful shapes, referred to as 'primitives'. These primitives form a basis from which new combinations of shapes can be made, reflecting the sheer infinite creative possibility of Figma.
primitives in combination
"Rent nightly from real people in 753 cities in 72 countries."
primitives in combination
"Rent nightly from real people in 753 cities in 72 countries."
When put together, the primitives form jumbo shapes that often feature motifs from Figma's own interface, such as square nodes or dashed lines.
When put together, the primitives form jumbo shapes that often feature motifs from Figma's own interface, such as square nodes or dashed lines.
When put together, the primitives form jumbo shapes that often feature motifs from Figma's own interface, such as square nodes or dashed lines.
motion system
"Rent nightly from real people in 753 cities in 72 countries."
motion system
"Rent nightly from real people in 753 cities in 72 countries."
Figma's motion system is a visual abstraction of how Figma works, as it focuses on actions a user takes in the software, such as selecting, moving, and transforming items. From conference stages to tutorial videos to moving billboards, Figma's motion design flamboyantly introduces what it means for movement and play to be at the core of a design philosophy.
Figma's motion system is a visual abstraction of how Figma works, as it focuses on actions a user takes in the software, such as selecting, moving, and transforming items. From conference stages to tutorial videos to moving billboards, Figma's motion design flamboyantly introduces what it means for movement and play to be at the core of a design philosophy.
Figma's motion system is a visual abstraction of how Figma works, as it focuses on actions a user takes in the software, such as selecting, moving, and transforming items. From conference stages to tutorial videos to moving billboards, Figma's motion design flamboyantly introduces what it means for movement and play to be at the core of a design philosophy.
thank you for reading
handcrafted by jade franson