AEGIS EMSS,a scalable design system.
Building a reusable design system for NASA's Extravehicular Activity mission software - so mission planning tools can grow without losing consistency.
AEGIS EMSS is an internal NASA application supporting mission planning, geospatial visualization, and operational workflows for Artemis missions, including Artemis III. As the platform expanded over time, the interface became increasingly inconsistent, making it harder to scale new features while maintaining a cohesive user experience.
My role was to establish the foundation for a reusable design system while modernizing key areas of the interface to improve consistency for both designers and developers.
Growth without a system
The application had evolved over several years, with individual features designed independently.
Create a system that lets the product keep growing without becoming harder to maintain.
- Reusable components instead of duplicated UI
- Shared variables for colors, type, and spacing
- Clear component states and interactions
- Easier design-to-development handoff
Designing the system, not just the screens
I was responsible for building the foundation that future features would be assembled from.
Created the AEGIS Design System in Figma with shared libraries.
Built components with variants, states, Auto Layout, and responsive resizing.
Defined hover, selected, expand/collapse, and edit-control behaviors.
Worked directly with senior UX designers and EMSS developers on implementation.
Designed new features and workflows using the system's building blocks.
Built interactive prototypes with AI-assisted tools before developer handoff.
From audit to assembly
Instead of redesigning entire screens first, I approached the project as a system.
I identified repeated UI patterns across the application: headers, navigation, folders, settings panels, tabs, buttons, and editable fields.
Created reusable variables for colors, typography, spacing, layout, and component behaviors. I leveraged shared variables wherever possible to improve consistency.
Some of the first components included: global header, left navigation, tabs, POI panel, folder components, right panel, buttons, disclosure controls, and edit controls. Each included variants, states, Auto Layout, and responsive resizing.
Once components were established, I used them to prototype new AEGIS functionality, including mission planning workflows. After each feature was built, I would check the functionality of it in the prototype before developer handoff.
Consistency, scale, and flexibility
Throughout the project I focused on a few core principles.
Reusable components replaced duplicated UI so the same patterns appear everywhere.
New features could be assembled from existing building blocks instead of starting from scratch.
Components were designed to support future functionality without requiring redesign.
The design system aligned closely with development implementation, making future work easier to maintain.
Although still actively evolving, the design system has already become the foundation for ongoing feature development.
AEGIS in the hands of NASA teams
From analog field tests to mission simulations, the tools are used by the people planning and running exploration activities.
This project changed how I think about design.
Rather than designing individual screens, I learned how to design systems. Working on AEGIS taught me how variables, Auto Layout, variants, components, and interaction patterns work together to create interfaces that can evolve over time instead of being rebuilt feature by feature.
AEGIS is internal NASA software, so I can't share a live build. I built an interactive prototype using the AEGIS design system - try it yourself.
Try the interactive prototype→This prototype demonstrates the design system components, interaction patterns, and UI language I established for AEGIS EMSS.