Design
The Muse Design System is a collection of UI components, foundations, and standards that help teams create beautiful product experiences. To start working with Muse designs, first choose the product you are interested in.
Find Figma product space below → Create design file
→ Find Core, Icons, Components libraries → Start work
To begin working, you need to add three libraries to your Figma file: the product core library, the component library, and the icons library. Links to all libraries are provided above.
Product component libraries
To find designs, features, flows, and product cases, follow the Feature & Designs section. For files containing components and design system entities, refer to the Components Library and Core Library.
To get know more about Figma libraries, structure and architecture you can here in dedicated Figma Library page.
Create request → Describe your needs
→ We will work out it → Final review
We’re rolling out design tokens across Muse
With design tokens, common product styles align with system-level design decisions. Be sure to use foundation tokens in your designs and connect to the relevant design files in your design system library.
Learn more about design tokens
Ultimate Guitar
MuseScore Studio
Find the right library
To start working, you need to add three libraries to your Figma file: the product core library, the component library, and the icons library. Links to all the libraries are provided above.
To start use DS, find needed library in Figma and connect to your design file.
Read more about Figma
Creative team
Designs related to the creative team are located in a separate team space. If you are a creative designer or collaborator, please feel free to visit the Creative Space and request permission to begin editing.
Creative team
Communiction designs, creatives
Explore
Foundation
Our designs are connected to the Foundation Libraries—Colors, Icons, Headless Components, Transparency, and Numbers. Essentially, you don’t need to work with these; we are responsible for managing them, as edits in the foundation libraries can influence all product designs.
You can familiarize yourself with them by following the links:
Foundation tokens
Storage of color semantic & typography
Explore
Components
Headless components which lays at the basis of product components
Explore
Common assets
Icons, illustrations & other assets
Explore
Contact us in case of question
We welcome you to share any feedback or ask any questions related to the product development process using the design system! Feel free to DM me at d.krikunov@mu.se.
In case of questions
These channels will help you find answers to any questions related to the design system or surrounding topics. Please feel free to share your ideas and problems here:
Channels:
#ug-design-system
#ug-design-system
#mu-design-system
#au-design-system