Go Home

Case Study - Autodesk

Weave Brand visual cohesiveness and documentation.

Annotated Weave search input and dropdown: border, background, label and corner-radius changes from the legacy styles

Context

Autodesk makes design and engineering software, like AutoCAD, Revit, Fusion and Maya, used by architects, engineers, builders, product designers and film and game studios.

  • Platform: Responsive Web
  • Project Duration: 1 year

During my contract tenure at Autodesk, I was tasked with supporting the design team's initiative of migrating Autodesk's legacy design system (DHIG) to the Weave brand.

My role: Updated legacy components to Autodesk's new branding, migrated Figma variables to match the code's (MUI) variables, standardized all of the component visual elements for consistency, and moved all component documentation to Supernova.io.

Old and suggested versions of the navigation, progress, stepper and action components, side by side

Component cohesiveness

Weave brand components were all over the place stylistically. I led workshops with the brand team to standardize the components' interaction states, colors and overall look and feel.

Supernova documentation

Component documentation lived in Figma, but the team realized that Figma was not the best place to house documentation based on designer feedback. The team lead proposed using a third-party, CMS-like app called Supernova that enabled us to not only document component usage but also link the actual components, so that changes made in Figma are automatically updated in the documentation. This reduced overhead tremendously and allowed the team to focus on solving urgent issues. I migrated almost 80% of the component documentation to Supernova, including creating new documentation images for every component.

The Weave Brand documentation site in Supernova, open on the Elevation page

Book an interview to learn more!

Say Hello!

©2026 All rights reserved