UI bileşenleriniz için tasarım sistemi dokümantasyonunu doğrudan AI ajanınızdan oluşturun, Figma veya taşınabilir .md dosyalarına dönüştürün.
uSpec, kurulumu kolay ve güven sinyalleri güçlü bir araç. En iyi sonuç için uyumlu agent ve kullanım senaryosu eşleşmesini kontrol et.
Repository başlangıç yönlendirmesi
gh repo view redongreen/uSpec --webResmi repo veya web sitesini aç.
README'deki package manager, auth ve platform gereksinimlerini kontrol et.
Kendi agent/workflow içinde küçük bir test görevinde dene.
uSpec, bir UI bileşenini AI kodlama ajanınıza tanımlamanıza ve otomatik olarak ayrıntılı tasarım dokümantasyonu oluşturmasına olanak tanır. Cursor, Claude Code ve Codex gibi araçlarla çalışır ve çıktıları Markdown dosyaları veya doğrudan Figma'ya açıklama çerçeveleri olarak verebilir. Bu, geliştiricilerin ve tasarımcıların tasarım sistemi dokümantasyonlarını manuel çalışma gerektirmeden güncel tutmalarına yardımcı olur.
uSpec, AI kodlama ajanları ile tasarım sistemi dokümantasyonu arasındaki boşluğu dolduran bir geliştirici aracıdır. Bir CLI, bir Figma eklentisi (uSpec Extract) ve bir dizi işleme becerisinden oluşur. İş akışı, bir bileşeni AI ajanınıza tanımlamanızla başlar. Ajan, bileşenin tasarım token'larını, yapısını ve davranışını yakalamak için uSpec Extract Figma eklentisini kullanır. Bu veriler bir `_base.json` dosyasına kaydedilir. Ardından, `create-component-md` becerisi API, yapı, renk ve ekran okuyucu davranışını kapsayan, kendi kendine yeten bir Bileşen Markdown (`.md`) dosyası oluşturur. Bu Markdown dosyası, gerçeğin kaynağı haline gelir. Buradan, çeşitli `create-*` işleme becerileri bu Markdown'ı alabilir ve Figma MCP (Model Context Protocol) aracılığıyla belirli bölümleri Figma'ya açıklama çerçeveleri olarak işleyebilir. Desteklenen özellik türleri arasında API özellikleri, renk açıklamaları, yapı özellikleri, ekran okuyucu özellikleri, hareket özellikleri, bileşen anatomisi ve bileşen özellikleri bulunur. Araç, Cursor, Claude Code ve Codex ile çalışacak şekilde tasarlanmıştır ve basit bir `npx uspec-skills init` komutuyla başlatılabilir. MIT lisansı altında açık kaynaktır.
Güven sinyalleri güçlü; yine de production kullanımından önce README ve izinleri kontrol et.
Son commit yaklaşık 52 gün önce.
211 GitHub yıldızı topluluk ilgisini gösteriyor.
1 açık issue bakım yükü hakkında sinyal verir.
MIT lisansı görünüyor.
Bir Figma tasarımından bir düğme bileşeni için otomatik olarak API dokümantasyonu oluşturun.
Her öğeye ve duruma tasarım token'larını eşleyen bir renk açıklama özelliği oluşturun.
Erişilebilirlik uyumluluğu için bir ekran okuyucu davranış özelliği oluşturun.
After Effects verilerinden animasyon zaman çubuğu çubuklarıyla bir hareket özelliği oluşturun.
İhtiyaç duyulduğunda özellikleri yeniden oluşturarak tasarım sistemi dokümantasyonunu kod değişiklikleriyle senkronize tutun.
211
Yıldız
29
Fork
1
Açık Sorun
MIT
Lisans
AI'nin doğrudan Figma tuvaline UI çizmesini ve tasarımları yapılandırılmış veri olarak okumasını sağlayan çift yönlü MCP köprüsü.
Argos, ekiplerin kaliteyi korumasına yardımcı olan, istenmeyen UI değişikliklerini tespit eden açık kaynaklı bir görsel test platformudur.
Herhangi bir web sitesinin tüm tasarım sistemini tek komutla çıkarın.
UI bileşenleriniz için tasarım sistemi dokümantasyonunu doğrudan AI ajanınızdan oluşturun, Figma veya taşınabilir .md dosyalarına dönüştürün.
Cursor veya Claude Code gibi AI kodlama ajanlarını kullanan ön uç geliştiriciler., Güncel dokümantasyonu sürdürmesi gereken tasarım sistemi mühendisleri., Figma bileşenlerini yapılandırılmış özelliklerle açıklamak isteyen UI/UX tasarımcıları.
Kurulum bölümü repository düzeyinde başlangıç yönlendirmesi sunar; bağımsız bir kurulum testi garantisi değildir. Resmi README ve sürüm notlarını kontrol edin.
Repository izinlerini, çalıştırılan komutları, dış servislere gönderilen verileri ve bağımlılıkları kullanmadan önce inceleyin.
Değerlendirilebilecek benzer veya tamamlayıcı araçlar: figma-ui-mcp, Argos, design-extract.
7 Haz 2026
2 güvenlik/güven notu kayıtlı.
Kurulum zorluğu 2/5.