root
/
UX-UI
mirror of https://github.com/01-edu/UX-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 Commits
8 Branches
0 Tags
9.7 MiB
 
Tree: d45cfd54d3
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'd45cfd54d3'
${ noResults }
UX-UI/subjects/ui/building-an-interface/design-system-library/README.md

1.5 KiB
Raw Blame History

UI IV - Ex 2 - Design system library

Instructions:

Based on the moodboard you designed in Ex 1, create a design system with at least 30 elements, including atoms, molecules and organisms, and include multistates.

Deliverables:

  • A Figma file with a library including:
    • At least graphic design 30 elements
    • At least 5 atoms
    • At least 5 molecules
    • At least 5 organisms
    • At least 10 multistate variations
  • Upload the Figma file on Github, labeled as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, it can be labeled as “Doe_John_MidFiPrototype_05242024_V1”.
  • Add a title within the file.
  • Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!

Tips:

  • Start by asking yourself what key elements may appear in an e-commerce app.
  • Feel free to get inspiration from existing design systems. Browse Dribble and the Figma community!

Resources: