Skip to main content

Questions tagged [pattern-library]

Filter by
Sorted by
Tagged with
0 votes
0 answers
75 views

Dropdown UI Element Names

I'm building a new dropdown, and I want to make the parts modular for ease of customization but having a hard time with names. A popover wraps everything. Inside that popover is a that is the trigger....
James Wilkinson's user avatar
1 vote
1 answer
61 views

Adopt or create new design system

Would it be a best practice to recreate a new design library made of only components we used or just use this big library? The team bought a design system library in Figma that is comprehensive but we ...
Izy's user avatar
  • 11
0 votes
1 answer
1k views

What are the most common screen and browser width/height sizes to handle in order to cover common devices and browsers (i.e. both web and native)?

Question I have a library that I implemented to use in my frontend projects. (Details are not much relevant, but just in case you may wonder, they are provided below in the Background Info section. I'...
Mehmet Kaplan's user avatar
1 vote
1 answer
233 views

UI patterns listed by type of UI design case

Most UI pattern libraries list patterns by UI element - e.g. "footer UI patterns", "scroller UI patterns", "button UI patterns", etc. Do you know a library where patterns ...
drabsv's user avatar
  • 730
1 vote
1 answer
73 views

What is the standard for the text alignment for Text Styles in a Design System?

What is the standard for Design System Text Styles alignment? Figma defaults to align top. What are the advantages / disadvantages of using Align Top / Align Center / Align Right when designs get ...
jeancode's user avatar
  • 225
5 votes
4 answers
523 views

What are the overarching strategies or artefacts for improving UX of products

Not sure exactly how to phrase this question, but what would you consider overarching strategies or artefacts for improving UX of products in the long term. These would be maintained within team and ...
Blue Ocean's user avatar
  • 10.8k
7 votes
7 answers
1k views

Document space between components for designers

How are spacial relations between components documented by the big design systems? They only seem to explain how the components look and behave in isolation, not in relation to each other. For ...
Martyn's user avatar
  • 2,378
1 vote
1 answer
4k views

How is a 'design language' or design system' different from a style guide or pattern library? [duplicate]

Google calls material design their 'design language'. IBM and Airbnb also call what seems like a style guide a design language or design system. What's exactly the difference? From what I see at a ...
Blue Ocean's user avatar
  • 10.8k
2 votes
1 answer
124 views

Product design pattern library [closed]

I'm working internally with a large in-house team to establish an in-house pattern library for just UX designers at this stage. I'm compiling a list of best practice examples that I have shared below. ...
Chris Stonestreet's user avatar
7 votes
2 answers
2k views

What's the best way to present a nested drop down menu but avoid the drop down going off screen?

I'm currently working on a design that originally was using a nested drop down meny like so: But, when a user clicks on the "more" icon of the card furthest to the right, the drop down menu no longer ...
mlveg's user avatar
  • 171
2 votes
3 answers
439 views

Canonical names for GUI design patterns

In communication with colleagues and clients, which authority (website, book, …) should one refer to for canonical names of GUI design patterns (for web pages, mobile apps, desktop applications etc.)? ...
Crissov's user avatar
  • 2,518
7 votes
3 answers
2k views

Pattern Library Software

I've been looking at a recent A List Apart article on creating pattern libraries. They point to a few example pattern libraries: A List Apart Code for America MailChimp Now working in a UX Team ...
Sniffer's user avatar
  • 767