Figma Variables, tasarım ekiplerinin token tabanlı sistemler kurmasını Figma'nın kendi arayüzü içinde mümkün kılıyor. Bu yazıda, temelden ileri seviyeye token hiyerarşisi oluşturmayı anlatıyoruz.
Token Hiyerarşisi
İyi bir design token sistemi 3 katmandan oluşur:
- Primitive tokens: Ham değerler (blue-500, 16px, 400)
- Semantic tokens: Anlamlı isimler (color-primary, spacing-md)
- Component tokens: Bileşen düzeyinde (button-bg, input-border)