Figma

Figma’s logo arranges five colored circles in a vertical column, offset and overlapping such that they form the outline of the letter F. Reading downward: a red-orange circle (#F24E1E) sits at top-left, paired with a coral circle (#FF7262) at top-right; a purple circle (#A259FF) occupies the center; a blue circle (#1ABCFE) appears at bottom-left; and a green circle (#0ACF83) closes at bottom-right. Where circles overlap, the colors blend, creating intermediate hues that reinforce the sense of layers and shared space. The wordmark in Inter, set in title case, sits to the right of the symbol in neutral dark gray.

Logo history

Figma launched in 2016 with this five-circle mark already in place, an early decision that committed the brand to a multi-color symbol unusual for a productivity tool. The mark was designed by Figma’s founding team to visualize the core product feature: multiple cursors operating simultaneously on the same canvas. Each circle was understood to represent a distinct user, with the overlapping zones representing the shared workspace. The symbol also functions as the product’s loading animation, rotating through a sequence that reveals how the five circles assemble into the F, connecting the logo’s construction to the act of collaboration.

Design philosophy

The five-circle arrangement works because the color sequence is deliberate rather than decorative. Moving from warm reds at the top through purple at the center to cool blues and greens at the bottom, the palette traces a temperature arc that creates visual order within what could otherwise read as arbitrary multicolor. The overlapping geometry introduces a Venn-like logic: individual elements remain distinct while their intersections produce something new. This mirrors the design collaboration Figma enables, where individual contributions integrate into a shared output. The neutral Inter wordmark keeps the typographic element from competing with the symbol’s energy.

Brand identity

Figma’s visual system extends the five-color palette into product interfaces, where each color corresponds to a specific cursor or user presence. The brand appears on all major platforms as a dark-mode-friendly symbol, with the five circles retaining their full saturation against both light and dark backgrounds. Sub-brands such as FigJam use modified color arrangements within the same geometric language. The symbol appears on developer documentation, plugin marketplace listings, and conference materials, functioning as a consistent anchor across the ecosystem that Figma has built around its API and community.

Cultural impact

Figma’s mark became closely associated with the shift from desktop-installed design tools to browser-based collaboration. When Figma made its core product free for individual users in 2022, the five-circle logo became ubiquitous in design education and open-source projects. Adobe’s $20 billion acquisition attempt in 2022, ultimately blocked by regulators in 2023, brought the symbol to wider attention outside the design industry. The logo’s rejection by Figma’s community of independent designers (many of whom protested the acquisition) demonstrated that a brand symbol can function as a focal point for professional identity.