POC: spacing paragraphs and headings in figma and code alike

swisspost / design-system

The Swiss Post Design System - for a consistent and accessible user experience across the web platform.

https://design-system.post.ch

Apache License 2.0

124 stars 14 forks source link

POC: spacing paragraphs and headings in figma and code alike #3500

Closed gfellerph closed 1 day ago

gfellerph commented 2 months ago

After a discussion in the Design System Daily, we're trying to see if it's possible to space headings paragraphs and other rich text elements the same way in code and in figma. This is the basic requirement for tokenisation.

### Tasks
- [ ] Create POC design page
- [ ] Recreate the design in code, using the same values for spacing

leagrdv commented 1 day ago

Conclusion: Margin collapse is not available in Figma, so we can't do much. If possible, designers use the elements margin-top/bottom tokens in Figma layouts. Developers use margin tokens when needed