Facebook Design System
Facebook Design System
Facebook Design System
Selected samples of work I led for Facebook's design system.
Selected samples of work I led for Facebook's design system.
Selected samples of work I led for Facebook's design system.
Design System
Design Tools
Prototyping
Design System
Design Tools
Prototyping
As a product designer on the Facebook Design System (FDS) team, I led and contributed to multiple projects to ensure app-wide coherence of the user experience, UI quality, and the overall visual language.
Selected projects I led while on FDS:
Design systems tool
I drove the strategy and vision, designed and collaborated closely with engineering to ship the internal design systems tool for Facebook. The tool was also adopted by multiple design systems within Meta.
Prototype showcasing how product designers may access and customize FDS components.
Design language definition
I led design sprints and a workstream to define the next iteration of Facebook s design language, conducted an internationalization study for our typeface and collaborating with a type foundry to ensure its scalability in key markets.
Exploration on Facebook's new design language
.
Multitasking in flex mode for foldable devices.
Stress testing typeface visual differences and impacts in CJK languages.
Stress testing height and UI impacts of the system/custom typefaces in different languages.
As a product designer on the Facebook Design System (FDS) team, I led and contributed to multiple projects to ensure app-wide coherence of the user experience, UI quality, and the overall visual language.
Selected projects I led while on FDS:
Design systems tool
I drove the strategy and vision, designed and collaborated closely with engineering to ship the internal design systems tool for Facebook. The tool was also adopted by multiple design systems within Meta.
Prototype showcasing how product designers may access and customize FDS components.
Design language definition
I led design sprints and a workstream to define the next iteration of Facebook s design language, conducted an internationalization study for our typeface and collaborating with a type foundry to ensure its scalability in key markets.
Exploration on Facebook's new design language
.
Multitasking in flex mode for foldable devices.
Stress testing typeface visual differences and impacts in CJK languages.
Stress testing height and UI impacts of the system/custom typefaces in different languages.
As a product designer on the Facebook Design System (FDS) team, I led and contributed to multiple projects to ensure app-wide coherence of the user experience, UI quality, and the overall visual language.
Selected projects I led while on FDS:
Design systems tool
I drove the strategy and vision, designed and collaborated closely with engineering to ship the internal design systems tool for Facebook. The tool was also adopted by multiple design systems within Meta.
Prototype showcasing how product designers may access and customize FDS components.
Design language definition
I led design sprints and a workstream to define the next iteration of Facebook s design language, conducted an internationalization study for our typeface and collaborating with a type foundry to ensure its scalability in key markets.
Exploration on Facebook's new design language
.
Multitasking in flex mode for foldable devices.
Stress testing typeface visual differences and impacts in CJK languages.
Stress testing height and UI impacts of the system/custom typefaces in different languages.