Hizmet 03
Tasarım sistemleri
Tasarlanan neyse yayına çıkan da o.
Tasarım ile kodu aynı hizada tutan token'lar, bileşenler ve dokümantasyon; ekipler tutarlı arayüzleri daha hızlı yayınlar.
- Tasarım token'ları
- Bileşen kütüphaneleri
- Figma-kod uyumu
- Dokümantasyon
Tasarım sistemi; bir ekibin her seferinde temelleri yeniden tartışmadan yeni ekranlar kurmasını sağlayan ortak token, bileşen ve kurallar bütünüdür.
Kendimiz için de bunu yapıyoruz. Tasarım sistemi ürünleri kurduk; bu site de kendi küçük sistemi üzerinde çalışıyor.
(01)Ne alırsınız
Neler dahil.
Tasarım token'ları
Renk, tipografi, boşluk ve hareket bir kez tanımlanır; hem Figma hem kod aynısını kullanır.
Bileşen kütüphanesi
Erişilebilir temel bileşenler üzerine kurulu, ürünlerinize kurulmaya hazır tipli React bileşenleri.
Figma ile kod aynı hizada
İki tarafta da aynı adlar, varyantlar ve durumlar; teslim artık bir çeviri işi olmaz.
Dokümantasyon
İnsanların gerçekten açtığı kullanım notları ve canlı örnekler; kodun hemen yanında.
Temalar
Tek bir bileşen setinden açık ve koyu tema ya da birden fazla marka.
Benimseme
Ürün geliştirmeyi durdurmadan mevcut ekranları adım adım yeni sisteme taşıma desteği.
(02)Yaklaşım
Nasıl ilerliyoruz.
Var olandan başla
Yeni bir şey önermeden önce mevcut ekranlarınızı ve bileşenlerinizi inceleriz.
Küçük ve kullanılan, büyük ve unutulandan iyidir
Önce ekibinizin bu çeyrekte ihtiyaç duyduğu bileşenleri yayınlarız.
Tasarımcılar ve geliştiriciler aynı masada
Adlar ve kararlar birlikte verilir; iki taraf da sonuca güvenir.
Araçlar
- Figma
- React
- TypeScript
- Tailwind CSS
- Radix UI
- Base UI
(03)Sorular
Sık sorulanlar.
Zaten bileşenlerimiz var. Baştan mı başlayacağız?
Genellikle hayır. Çalışanı korur, kalanı standartlaştırır ve eksikleri tamamlarız.
Kod kadar Figma'da da çalışıyor musunuz?
Evet. Bir tasarım sistemi ancak Figma kütüphanesi ile kod kütüphanesi aynı şeyi söylüyorsa çalışır; ikisini de kuruyoruz.
(04)Diğer hizmetler
(07)İletişim
Geliştirilecekbir fikriniz mi var?
Üzerinde çalıştığınız şeyi bize anlatın. Her mesajı kendimiz okuyoruz.
hi@codion.tech