UX Portfolio
  • Experience Design Playbook
  • Case Study: BookUmrah.com
    • Project Brief
    • Research: Expert Interviews
    • Research: Surveys
    • Research: Diary Study & Task Analysis
    • Business Case
    • User Personas
    • Customer Journey Mapping
    • Product Requirement Documentation
    • Information Architecture
    • User Flows
    • Wireframing / Prototyping - Low Fidelity
    • Wireframing / Prototyping - High Fidelity
    • Adaptive & Responsive Design
    • Outcomes & Product Development Future
  • My UX Research Methods
    • Research
    • Diary Studies
    • Task Analysis
    • Content Audit
    • Information Architecture
    • Prototyping / Wireframing
    • Design Systems
    • User Testing
    • Design Sprints
    • Methods of working
    • Docs for Dev teams
Powered by GitBook
On this page

Was this helpful?

  1. My UX Research Methods

Design Systems

PreviousPrototyping / WireframingNextUser Testing

Last updated 4 years ago

Was this helpful?

I love creating design systems and have ended up producing tonnes of them even over the years.

However, whenever I feel I have nailed an approach, a new platform comes out, and the whole system needs to be tweaked. Historically because of this, maintaining them used to be complicated. They became out of date the moment they were printed.

Today, however, we have , and .

My current tool of choice is Figma or Adobe XD depending on the project I am working on and I tend to put the following skeleton together:

Grid

Type scaling

Colour palette

Iconography

  • Brand Elements

  • Effects

  • Image sizes

  • Inputs

  • Buttons

  • Data visualisation

Beyond the UI elements listed, we move into reusable components that developers build and share across projects so the effort is not duplicated and technical debt is avoided.

In short, creating a design system is a good way of organising all your documentation and it looks like you know what you're doing!

Creative Cloud libraries
Sketch
Figma