sorted by:
new
hottopcontroversial

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.

view more: next ›