Questions tagged [design-system]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
1 answer
42 views

How do you use the 4px grid in a mobile screen for iPhone 11 Pro that is 375px?

How do you use the 4px grid in a mobile screen for iPhone 11 Pro that is 375px? Margin 16px / gutter 16px? Then it requires to be four columns with a width of 74px however, one of them should be 73px. ...
0 votes
2 answers
48 views

How do you define input length?

I'm working on an online banking website and its design system. UI designers tend to want all form input elements to be the same size so that everything is perfectly aligned. I've explained that the ...
0 votes
3 answers
154 views

Check box and radio button - hover and focus states

I'm currently defining the hover and focus states for my Design System and looking at the major DSs (carbon, material, spectrum, eg) out there I see that the focus and hover definitions for these are ...
  • 1,275
0 votes
0 answers
66 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
23 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
108 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
1 answer
88 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
0 answers
50 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 ...
  • 21
1 vote
2 answers
122 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 ...
  • 11
2 votes
1 answer
74 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 ...
0 votes
1 answer
52 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
1 answer
41 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 ...
3 votes
3 answers
90 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 ...
4 votes
1 answer
218 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 ...
  • 25.7k
2 votes
1 answer
121 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 ...
  • 29
1 vote
1 answer
47 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 ...
  • 195
1 vote
2 answers
113 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 ...
0 votes
3 answers
81 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
79 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 ...
1 vote
2 answers
96 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
143 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 ...
8 votes
1 answer
250 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 ...
  • 25.7k
1 vote
3 answers
157 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 ...
  • 35
0 votes
1 answer
73 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 ...
  • 98
2 votes
4 answers
640 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 ...
  • 131
1 vote
1 answer
160 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 ...
  • 201
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 ...
  • 25.7k
3 votes
1 answer
75 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 ...
  • 25.7k