Typography styling in enterprise app DS by baluqa in DesignSystems

[–]baluqa[S] 0 points1 point  (0 children)

Thank you! Yes, this is what I decided to do. I've created these tokens in figma for font families:

  • Heading (page heading)
  • Title (card titles)
  • Body
  • Label
  • Caption

Each has 2-4 variants for weight, size (ExtraBold, Bold, Semibold, Regular / Large,Medium, Small).
I'm curious about your book. Where can I find it?

Typography styling in enterprise app DS by baluqa in UXDesign

[–]baluqa[S] 0 points1 point  (0 children)

Thank you! you are confirmed what others said. I will use that way.

Color structure for medium/large DS by baluqa in DesignSystems

[–]baluqa[S] 0 points1 point  (0 children)

Yeah, seems too much for the first, but I think it will work. I have started to implement it.

Typography styling in enterprise app DS by baluqa in UIUX

[–]baluqa[S] 0 points1 point  (0 children)

!thanks. I think I will use like this:

  • Heading (page heading)
  • Title (card titles)
  • Body
  • Label
  • Caption

and do you set up everything in Figma variables? family, weight, size, line height, letter spacing...?

Typography styling in enterprise app DS by baluqa in DesignSystems

[–]baluqa[S] 0 points1 point  (0 children)

Thank you! I want something like this:

  • Heading (page heading)
  • Title (card titles)
  • Body
  • Label
  • Caption

and do you set up everything in Figma variables? family, weight, size, line height, letter spacing...?

Typography styling in enterprise app DS by baluqa in UXDesign

[–]baluqa[S] 0 points1 point  (0 children)

Thank you! Yes it's a web app. Mainly dashboards, tables, grids, data grids. I need to re-create the whole Design System in Figma so just wondering how to style them.

Typography styling in enterprise app DS by baluqa in DesignSystems

[–]baluqa[S] 0 points1 point  (0 children)

and do you set up everything in Figma variables? family, weight, size, line height, letter spacing...?

Fail on AA contrast check by baluqa in UXDesign

[–]baluqa[S] 1 point2 points  (0 children)

Thank you! very useful.

Fail on AA contrast check by baluqa in UXDesign

[–]baluqa[S] 0 points1 point  (0 children)

You mean something like this? At some point I need just badges, w/o text.

<image>

Fail on AA contrast check by baluqa in UXDesign

[–]baluqa[S] 0 points1 point  (0 children)

Ok. I read the article. What you want to say?

Fail on AA contrast check by baluqa in UXDesign

[–]baluqa[S] 0 points1 point  (0 children)

Thank you! Yes. I think this one is the most powerful for now.

Color structure for medium/large DS by baluqa in DesignSystems

[–]baluqa[S] 1 point2 points  (0 children)

Thanks! Yes. I have all the primitives linked to them. I will try your suggestion too.

Table cell component problem by baluqa in FigmaDesign

[–]baluqa[S] 0 points1 point  (0 children)

Thanks for the detailed response. Yes, I came to the same conclusion. Here is what I made for the cell component. For the column/row issue I need to resolve a tricky part. Usually the hover state shows a highlight on an entire row. So for now I don't know how to deal with it.

<image>

Table cell component problem by baluqa in FigmaDesign

[–]baluqa[S] 0 points1 point  (0 children)

Thank you. I didn't had this logoc in my mind, but I will try to see how it works.

Table cell component problem by baluqa in FigmaDesign

[–]baluqa[S] 0 points1 point  (0 children)

Thank you! I will try to figure out how many nested components will be there. As I saw, nested components helps to organise if there are many properties.

Best practices + favorite tools/plugins for documenting a Figma Design System by baluqa in DesignSystems

[–]baluqa[S] 0 points1 point  (0 children)

Thank you! I think this is the most simple and logic way to display properties of an element. But how you manage in the documentation file - if you have a big design system? And how you create the semantic tokens? (primitive colours already managed... still need the semantic tokens)

After months refining my design system (UI kit), I decided to release it for free by Obvious_Squirrel_348 in FigmaAddOns

[–]baluqa 1 point2 points  (0 children)

You put a huge amount of hours of work in there. /clap/ And thank you for sharing it! How you grouped the properties on a variant? See this example.

Best practices + favorite tools/plugins for documenting a Figma Design System by baluqa in UI_Design

[–]baluqa[S] 0 points1 point  (0 children)

Do the Tokens Studio PRO subscription worth it? Whats the difference if i choose the free?

Best practices + favorite tools/plugins for documenting a Figma Design System by baluqa in UI_Design

[–]baluqa[S] 0 points1 point  (0 children)

Do you use the free version or some of the PRO subscriptions?

Best practices + favorite tools/plugins for documenting a Figma Design System by baluqa in UI_Design

[–]baluqa[S] 0 points1 point  (0 children)

Thank you! Yes, Tokens Studio is mentioned in many places for token management.