Questions tagged [design-system]
The design-system tag has no usage guidance.
25
questions
8
votes
1
answer
248
views
Why are design patterns normally not included as part of a design system?
I have seen many front-end development frameworks that are simple a collection of UI components and page layouts to be used by developers to build new applications. However, it should come as no ...
5
votes
4
answers
1k
views
UX design guidelines for audio/sound feedback and interaction of UI
I came across a brief guideline that talked about how to do UX design for sound, and there were some very sensible advice that covered a number of points including:
How to decide what type of sound ...
4
votes
1
answer
200
views
Design tokens in design systems - are designers working with developers?
Usually when I have worked on design systems in the past, a clear and robust IA helps to create a convention and vocabulary to describe all the abstract and concrete elements contained within. And ...
3
votes
3
answers
85
views
Differentiate Design Systems incl. code-snippets from repositories
I'm currently doing some research on design systems (hereafter DS) because we want build one.
Context
Requirements for a DS
guides our designers
when building something that needs to conform to our ...
3
votes
1
answer
65
views
Design systems that cover both physical and digital use cases
When companies created design systems, it is typically applied to their products and services rather than something that can be used throughout the entire organisations. Atlassian's update of their ...
2
votes
4
answers
575
views
What would you call a font size between "small" and "regular"
I have these tokens in a design system for font sizes:
tiny
small
???
regular
medium
large
huge
mega
giga
Design needs to add a size between small and regular and I'm stuck trying to find something ...
2
votes
1
answer
114
views
Design System rules
I would like to get your input and experiences with styleguides. Some of the designers I work with insist that the design system should have rules to be followed to the T.
Some sample rules are:
A ...
2
votes
1
answer
73
views
Is it OK to break with a design system in certain cases?
I am designing a lengthy questionairre (36 questions). Per our design system, I am supposed to use a modal popup (because it will make production faster).
I think that I should break with the design ...
1
vote
2
answers
94
views
Why are design systems by many companies publicly available?
Why do many companies like IBM, GE, VMWare, etc make their design systems publicly available? Designers find it useful, but how is is helpful to those companies and why do they do it?
1
vote
2
answers
135
views
How do you call top block with user info on a profile screen?
There is this block in every social media app, on a user profile screen. It contains user's userpic, name and other info, before their content starts below it.
How do UX designers and developers call ...
1
vote
2
answers
121
views
Improve the current UI library or build a new one?
I recently joined a company with a small team but not a startup. I'm working on a CRM SaaS product, which has a few years, but it's not very sophisticated (UX and UI wise).
When they started to build ...
1
vote
1
answer
46
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 ...
1
vote
2
answers
112
views
Are the designers build the UI kit for the designers?
There are many design systems available online noways, but I am getting confused - what was the purpose of buying a designer system for the designers.
Why designers buy the UI kit instead of making ...
1
vote
3
answers
156
views
How to Improve "Select" Component's Experience When Lots of Informations in it?
I have a component select and it has a lot of information about Bank accounts. I need to improve it because this component will have more then 300 bank accounts. Is it a good idea to put in order the ...
1
vote
1
answer
153
views
What frameworks exists for UI documentation?
I´m working on a style guide which I want to put on the web with info, examples etc.
I know there is one API / framework called Fractal, but it does not have the look and feel I want. I see a lot of ...
0
votes
1
answer
38
views
What is the meaning of Drive, Drive Compact, Focus, Focus Compact in Style Guide
When I read this article, https://design.lyft.com/building-a-design-system-library-3a1f0d09088f#2cf8 found following image.
Its talking about Frame Name
The frame name is the top-level grouping of ...
0
votes
1
answer
67
views
How should I design this, not sure if it's a container or card
I'm currently in charge of the design system and we have this component which I'm not sure if I can consider it a card, or should I just use the general term 'container'. I tried googling and results ...
0
votes
1
answer
49
views
Different heading sizes for different platforms in design tokens [closed]
Currently I'm doing an experiment with my first Design System(I have chosen Bootstrap) and Design Tokens(Style Dictionary npm module)
I configured and build all good,
Later I wanted to achieve as ...
0
votes
0
answers
59
views
Implementing design system (pattern library) in working complex SAAS product - best way to do it?
CURRENT SITUATION: Developers are using Angular Material library for building a desktop SAAS application. PROBLEM: Solutions are old, UI is inconsistent, various paddings, increasing UX debt, etc. ...
0
votes
0
answers
20
views
UI Kit nonexistent in Figma what should I do?
Currently encountering an issue since my team decided to use coreui for development and I'm not sure what should I do in this case since there is on this UI Kit already made in Figma.
Did you have any ...
0
votes
0
answers
107
views
How to define label text vs body text?
I am setting up the initial typography style guide for a mobile fintech application, the issue I am stuck with is how to communicate what part of content needs to use "label" style vs "...
0
votes
0
answers
47
views
Creating a design system after initial implementation(s)
I have recently started as a UI/UX designer at a new company, where I am working mainly on a mobile app product but also a website. There was a big visual renovation done by a couple of consultants on ...
0
votes
1
answer
71
views
HELP tackling huge WCAG 2.0 compliance project! Need advice, please
I need advice on how to tackle a really big project.
The project consists of getting the production and future support website WCAG 2.0 complaint - for both mobile and web:
Production website: is ...
0
votes
3
answers
72
views
Preferred Mobile dimension for Design System examples
Design Systems usually contain details about the components, typography, tone, etc. There are some systems that also provide screens/page/views, but the majority I've seen online are optimized for ...
-2
votes
1
answer
78
views
What parts does a design system have, how to support development? some documentation with step by step examples uu [closed]
I'm just starting in the world of ux, I would like to know what a design system has I have read but I still don't understand, the only thing I have been able to do is create some components in figma ...