Create article about handover from Figma to code

[mrosvik]

We need an article that explains how design decisions in Figma translate into implementation in code. The purpose is to make the handover between designers and developers clearer and more predictable.

The article should describe what specific settings in Figma mean for developers in practice.

For example:

• When a certain style is selected in Figma, what does that correspond to in code
• How data-color relates to button variants and colours defined in Figma
• How tokens, states and variants are expected to be used consistently across design and code
• The target audience is both designers and developers working with Designsystemet.

Goals

• Reduce misunderstandings between design and development
• Make implementation faster and more consistent

[Febakke]

Propose to rename modes in Figma to align better with data-attributes in code. This needs to be done in a version 2 so we need to document current setup for developer handover until version 2.

main and support -> data-color
size-> data-size
themes -> Keep as is
typography -> considering removing this, functionality moved into tokens. (font-family defined inside text styles on theme level)
Color-scheme -> data-color-scheme