← Archive
04

Diagram — UI Recreation

Visual Design Study · DiagramUI Recreation · Web Design · Visual System

A recreation of the marketing site for Diagram, the AI design-tools company Figma acquired in 2023. The original design is Diagram's; I rebuilt it in Figma as a visual design study.

Diagram presented a family of AI tools for designers, from SVG icon and image generation to automatic layer renaming, as one product. Its site was a good example of making a set of separate tools feel like a single, coherent brand.

What I Recreated
  • The landing page, where each tool orbits the Diagram mark like a planet
  • The feature grid, with one card per AI tool
  • The Genius product page and its feature cards
Outcome

Three screens rebuilt in Figma from the original site.