Post by account_disabled on Nov 26, 2023 0:56:18 GMT -5
Many people who are just starting to work in the field of UI UX or who are just starting to use Figma will probably encounter more or less problems. For example, when Nat taught a Design system class, he encountered a few issues that he encountered over and over. Came the same way. Today I will share an error for those who create design systems and forget to check when creating components on Figma. Let's take a look at what's there. What does this article have? Show Video: 10 mistakes in creating a design system on Figma 10 mistakes in creating a design system on Figma Create a design system with Figma 1. Use Groups instead of Frames to create components.
Using Figma, differences between Group VS Frame, creating a design Phone Number List system on Figma Using Figma, differences between Group VS Frame Friends, you can read the differences between Group and Frame from Figma's manual here. Let me tell you that as soon as you read it, I want to stop using the group immediately. Groups and Frames 2. Make Components have too many variants. Having the correct Variants is When you have multiple versions of a design on a single component, but still have the same properties, the button has state, size, count, layout, etc. that can be customized. There are different visually This means that the appearance of each version is completely different, such as color, size, but it is still the same component.
You can read more of our old articles: Teaching how to use Figma Variants like a pro. 3. Too much color created more than necessary Too much color will make the design difficult to manage and will create design debt or tech debt in the future. Especially when we have to do Dark mode/Light mode with design tokens, many problems will arise. Because there will be a problem with the matter. Accessibility in terms of contrast for sure , so keep it simple, create it to fit the use. So you don't have to test a lot. In UI work, we don't create 50 shades of gray because that's difficult to manage. Create a design system on Figma. In UI work, we won't create 50 shades of gray because that's difficult to manage.
Using Figma, differences between Group VS Frame, creating a design Phone Number List system on Figma Using Figma, differences between Group VS Frame Friends, you can read the differences between Group and Frame from Figma's manual here. Let me tell you that as soon as you read it, I want to stop using the group immediately. Groups and Frames 2. Make Components have too many variants. Having the correct Variants is When you have multiple versions of a design on a single component, but still have the same properties, the button has state, size, count, layout, etc. that can be customized. There are different visually This means that the appearance of each version is completely different, such as color, size, but it is still the same component.
You can read more of our old articles: Teaching how to use Figma Variants like a pro. 3. Too much color created more than necessary Too much color will make the design difficult to manage and will create design debt or tech debt in the future. Especially when we have to do Dark mode/Light mode with design tokens, many problems will arise. Because there will be a problem with the matter. Accessibility in terms of contrast for sure , so keep it simple, create it to fit the use. So you don't have to test a lot. In UI work, we don't create 50 shades of gray because that's difficult to manage. Create a design system on Figma. In UI work, we won't create 50 shades of gray because that's difficult to manage.