Selçuk Aker

UI/UX & Dijital Ürün

Design system ve Figma bileşen kütüphanesi

Ölçeklenen ürünler için tutarlı bileşen kütüphanesi.

Tasarım sistemi, ürünün tekrar eden görsel ve davranış kararlarını ortak bir düzende toplar. Sadece düğme koleksiyonu hazırlamak yerine bileşenlerin hangi durumda ve nasıl kullanılacağını tanımlarım. Figma kütüphanesini ürün ekibinin ekran üretiminde kullanabileceği biçimde düzenlerim.

Neleri kapsıyor?

Çalışmanın kapsamı

  • Renk, tipografi ve boşluk değişkenleri
  • Bileşenler, varyantlar ve etkileşim durumları
  • Kullanım örnekleri ve tasarım–kod eşleştirme notları

Süreç nasıl işliyor?

  1. 01

    Hazırlık, tasarım ve teslim

    Mevcut ekranları tarayıp tekrarları belirlerim. Öncelikli bileşenleri bir gerçek akışta deneyerek eksikleri giderir, kütüphane ve kullanım notlarını birlikte teslim ederim.

Ne teslim ediliyor?

  • Düzenlenmiş Figma kütüphanesi
  • Durum ve varyant tanımları
  • Kullanım ve sürümleme notları

Sık sorulanlar

Figma kütüphanesi kodu otomatik günceller mi?

Hayır. Tasarım dosyası ile kod bileşenleri ayrı varlıklardır. Eşleştirme ve güncelleme sorumlulukları geliştirme ekibiyle belirlenmelidir.

Teklifin kapsamı nasıl belirlenir?

Ürün sayısı, tema ihtiyacı, bileşen çeşitliliği ve mevcut tutarsızlıklar kapsamı değiştirir.

Projenin kapsamını birlikte belirleyelim

Ürün sayısı, tema ihtiyacı, bileşen çeşitliliği ve mevcut tutarsızlıklar kapsamı değiştirir.