Renkler, tipografi, boşluk ölçeği, gölgeler ve border-radius — StyleKit tek tıkla çıkarır ve yapılandırılmış bir DESIGN.md dosyası olarak indirir. Figma'da mı çalışıyorsunuz? Companion plugin ile aynı tokenları doğrudan native stil ve variable olarak içe aktarın.
Sadece activeTab + scripting izni · Hesap ya da kredi kartı gerekmez · Arka planda hiçbir şey çalışmaz
Çıkarılan tokenlar
# DESIGN.md
## Colors
--color-primary: #8b5cf6;
--color-accent: #10b981;
## Typography
font-family: Inter;
## Spacing
4px 8px 16px 24px 32px
0
izin: activeTab + scripting
$0
hesap ya da kredi kartı
0
token kategorisi çıkarılır
0%
yerel çalışma, varsayılan
Kimler için
İlham aldığınız ya da rakip bir sitenin tasarım sistemini saniyeler içinde çözümleyin, elle ölçmeyin.
CSS değişkenlerini DevTools'tan tek tek toplamak yerine, hazır bir DESIGN.md ile başlayın.
Müşteri sitelerinin marka tutarlılığını, teslimattan önce hızlıca denetleyin.
Topluluk galerisinden beğendiğiniz bir sitenin tokenlarını tek tıkla Figma değişkeni olarak alın.
Özellikler
DevTools'ta CSS kazımak yerine, StyleKit gördüğünüz sayfanın tasarım DNA'sını yapılandırılmış hale getirir.
Renk paleti, tipografi, boşluk ölçeği, gölgeler ve border-radius — aktif sekmede tek tıkla, tamamen otomatik.
Sadece activeTab ve scripting izni ister; geniş host izni, cookie ya da geçmiş erişimi yok. Sadece o an baktığınız sayfayı okur, arkada hiçbir şey çalışmaz.
Geliştiriciler için okunabilir, yapılandırılmış markdown; repo'ya commit'leyin ya da ekip arkadaşınıza gönderin.
Companion Figma plugin'i ile çıkarılan tokenları yapıştırın, ya da galeriden tek tıkla native stil/variable olarak içe aktarın.
Beğendiğiniz bir sitenin tokenlarını topluluk galerisinde paylaşın; kaynak URL ile birlikte görünür, tamamen isteğe bağlı.
Gizlilik
Ekstra bir topluluk özelliği isteğe bağlı olarak açık — geri kalan her şey tarayıcınızda kalır.
Fiyat
Chrome eklentisi ve companion Figma plugin'i, sonsuza kadar ücretsiz.
Free
Chrome eklentisi ve Figma plugin'i, hesap gerekmeden
$0 — sonsuza dek
Figma plugin'i ayrıca Figma Community üzerinden ücretsiz indirebilirsiniz: Figma Community'de aç
SSS
Evet, tamamen ücretsiz ve hesap gerekmez. Chrome eklentisini kurup doğrudan kullanmaya başlayabilirsiniz; companion Figma plugin'i de aynı şekilde ücretsizdir.
StyleKit manifest'inde sadece activeTab ve scripting izinleri tanımlıdır. Geniş host izni, cookie ya da tarama geçmişi erişimi istemez — yalnızca o an aktif olarak baktığınız sayfayı okur, başka hiçbir şeye erişmez.
Extraction işlemi tamamen tarayıcınızda gerçekleşir; hiçbir veri hiçbir sunucuya gönderilmez. Bunun tek istisnası, ayrı ve açıkça isteğe bağlı olan "Publish to Gallery" özelliğidir.
Bu butona bastığınızda, o sayfadan çıkarılan tokenlar ve kaynak URL, Figma plugin'inden gezilebilen herkese açık bir topluluk galerisinde paylaşılır. Basmadığınız sürece hiçbir şey paylaşılmaz — varsayılan davranış tamamen yereldir.
Figma plugin'i topluluk galerisini gezmenizi ve beğendiğiniz herhangi bir sitenin yayınlanmış tokenlarını tek tıkla native Figma stili/variable'ı olarak içe aktarmanızı sağlar. Ayrıca Chrome eklentisiyle kendi çıkardığınız tokenları da doğrudan plugin'e yapıştırabilirsiniz.
Çıkarılan renk paletini, tipografi ölçeğini, boşluk (spacing) değerlerini, gölgeleri ve border-radius değerlerini yapılandırılmış markdown formatında içerir — geliştiricilerin doğrudan repo'ya ekleyebileceği, okunabilir bir referans dosyasıdır.
Chrome'a ekleyin, herhangi bir sitede deneyin — hesap ya da kredi kartı gerekmez.
Özellik önerisi ya da iş birliği için yazın
En kısa sürede e-posta ile döneriz.
Instagram: @digitalexpertde
