---
title: Design Token Parser Specify
category: product
entity_type: skill
price: ₺369
canonical: https://forgehouse.ai/tr/skiller/design-token-parser-specify/
lang: tr
hreflang_alt: https://forgehouse.ai/skills/design-token-parser-specify/
last_updated: 2026-06-20
---

# Design Token Parser Specify

> Specify (specifyapp.com) + Style Dictionary + Tokens Studio Figma plugin entegrasyonu ile…

Figma'yı kod tabanınıza bağlar; böylece bir tasarımcının renk, font, boşluk veya gölge değişikliği tek bir doğruluk kaynağından geçerek otomatik olarak Tailwind yapılandırmasına, CSS değişkenlerine, Swift ve Kotlin'e akar. Specify, Style Dictionary ve Tokens Studio Figma eklentisiyle DTCG (W3C taslağı) JSON standardını kullanır. Tasarımcı-geliştirici arasındaki 'ekrandaki renk koddaki renkle uyuşmuyor' kısır döngüsünü bitirir.

## Ne için kullanılır
- Figma renk, tipografi ve boşluk değişikliklerini koda otomatik senkronlamak
- Web, iOS ve Android arasında tek bir token kaynağı paylaşmak
- Marka yenileme sonrası 50'den fazla bileşeni elle güncellemekten kaçınmak
- Açık/koyu veya yerel ayar temelli dinamik token değişimi kurmak
- Çakışma çözümüyle Figma'dan Git'e koda çift yönlü senkronizasyon kurmak
- Renk token'larında WCAG kontrastını hat içinde doğrulamak

## Faydalar
- Marka yenilemelerini haftalarca süren elle düzenlemeden tek bir commit'e indirin
- Tek bir doğruluk kaynağından web ve mobili piksel düzeyinde aynı tutun
- 'Ben bu rengi dedim, sen başkasını kodladın' sürtüşmesini bitirin
- Figma değişikliklerini dakikalar içinde bir önizlemede canlı görün

## Ne içerir
- Primitive, semantic ve component katmanlı, DTCG uyumlu JSON token şeması
- Tailwind, CSS, Swift ve Android XML'e derleyen Style Dictionary yapılandırması
- Token değişikliklerinde otomatik derleme için Tokens Studio GitHub Action
- Alias zinciri çözümleme ve Specify-Tokens Studio-elle karar ağacı
- Çakışma çözüm stratejileriyle Figma-Git-kod çift yönlü senkronizasyonu
- Hat içi WCAG kontrast doğrulaması ve sır sızıntısı önleme

## Kimler için
Figma ve kodun, elle token kopyalamadan, web ve mobil genelinde senkron kalmasını isteyen tasarım sistemi ekipleri ve ön yüz geliştiricileri.

## Nasıl çalışır
Tasarımcının Figma değişikliğini otomatik olarak üretim koduna taşıyan hat: tek kaynak olarak DTCG JSON, her platforma derleyen Style Dictionary. Çalışma döngüsü şu:
1. Müşteriyi önce araç karar ağacından geçirir: 50'nin altında stabil token manuel config demektir ve bu skill fazla kaçar; Figma ve GitHub varken 50 ila 200 token ücretsiz Tokens Studio eklentisi artı GitHub Action demektir; web, iOS ve Android'e yayılan 200 üstü token ücretli Specify katmanı demektir.
2. Markayı DTCG standardı JSON'a serileştirir: her token $type ve $value taşır, üç katmanlı alias zinciri olarak örgütlenir (component semantic'e, semantic primitive'e referans verir) ve parse döngüsünü önlemek için derinlik en fazla dörttür.
3. Tek JSON kaynağını platform çıktılarına derleyen Style Dictionary config'ini kurar: Tailwind preset, CSS değişkenleri, iOS için Swift sınıfı ve Android için colors.xml. Tek marka değişikliği tüm platformlara aynı anda gider.
4. Token değişikliğinde tetiklenen GitHub Action'ı bağlar: DTCG şemasını doğrular ($type eksik token'da fail eder), düşük kontrastlı token'ı PR'da bloklayan WCAG kontrast doğrulamasını koşar, tüm platform artifact'lerini build edip commit eder.
5. Üretilen preset'i Tailwind config'e import eder ki kodda asla elle hex yazılmasın, sonra çift yönlü senkron için conflict stratejisi seçer (tasarımcı kazanır, geliştirici kazanır veya diff incelemesi). Figma ile repo sessizce ayrışmaz.
6. Bitti kriterleriyle kapatır: tasarımcının Figma'daki renk değişikliği dakikalar içinde önizleme deploy'unda canlıdır ve marka yenileme haftalarca manuel component düzeltmesi yerine tek commit'tir.

## Sık sorulanlar
### Bunun için Tokens Studio eklentisi ve Specify gerekli mi, yoksa mevcut Figma'mla çalışır mı?
Tokens Studio eklentisi, Specify ve Style Dictionary üzerine kuruludur, yani hareketli parçalar bunlardır. Ekibiniz henüz bu zincirde değilse, kurmak işin bir parçasıdır, sonradan eklenecek bir ayrıntı değil.

### Bir tasarımcının Figma'daki renk değişikliği gerçekten Swift ve Kotlin koduma ulaşır mı, yoksa sadece web'e mi?
Evet, DTCG JSON token kaynağı Tailwind, CSS değişkenleri, Swift ve Kotlin'i tek yerden besler. Aynı değişiklik her platformda yeniden yazılmak yerine hepsine yayılır.

### Figma'daki her şeyi mi senkronlar, yoksa sadece tasarım token'larını mı?
Token katmanını yönetir; renk, tipografi, boşluk ve gölge. Bileşen mantığı, düzen ve davranış token değildir, bunlar normal kod akışınızdan geçer.

## Fiyat
₺369, tek seferlik, abonelik yok. KDV dahil.

İlgili rehber: [Yapay zekâ ile tasarım sistemi](https://forgehouse.ai/tr/rehberler/yapay-zeka-ile-tasarim-sistemi/)