Kanavice Studio

Kanavice Studio, kanaviçe ve nakış projelerinde desenleri kumaşa başlamadan önce dijital olarak yerleştirmek için geliştirdiğim bir görsel planlayıcı. Özellikle seccade ve geniş yüzeyli işlerde merkezleme, boşluk hesabı ve çoklu desen yerleşimi kararlarını daha ölçülebilir hale getiriyor.

Problem

Fiziksel kumaş üzerinde deneme yapmak zaman kaybettiriyor; hatalı hizalama, dengesiz boşluk ya da ölçek sorunları da çoğu zaman geç fark ediliyor. Genel amaçlı tasarım araçları ise kanaviçe odaklı ızgara, iplik sıklığı ve hizalama akışlarını doğrudan sunmadığı için bu ihtiyaca özel bir araç gerekiyordu.

Bu projede odaklandığım noktalar

Kumaş boyutu ve iplik sıklığı üzerinden gerçekçi bir çalışma alanı kurmak
Birden fazla deseni aynı yüzeyde konumlandırıp hizalayabilmek
Sürükle-bırak akışını snap kılavuzları ve boşluk hesaplarıyla desteklemek
Uzun süreli yerleşim çalışmalarında geri al/yeniden yap ve otomatik kayıt ile veri kaybını azaltmak

Öne çıkan özellikler

Yerleşim ve hizalama

Çoklu desen ekleme, çoğaltma ve birlikte taşıma
Kenar, merkez ve diğer desenlere göre akıllı hizalama yardımı
Dokuz noktalı tuval hizalama ve eşit dağıtım araçları
Yatay/dikey aynalama, kilitleme ve katman sırası kontrolü

Çalışma deneyimi

Yakınlaştırma, görünümü sığdır ve dokunmatik sıkıştırma desteği
Shift ile geçici serbest taşıma
50 adımlı geri al/yeniden yap geçmişi
localStorage tabanlı otomatik kayıt ve doğrulanmış JSON içe/dışa aktarma

Planlama desteği

Anlık boşluk, boyut ve kaplanan alan bilgileri
Çoklu seçim için sınırlayıcı kutu ve kaplama hesabı
Kumaştan büyük desenler için uyarı
Türkçe arayüz ve kanaviçe iş akışına uygun kontroller

Kullanılan teknolojiler

React 19
TypeScript
Vite
Tailwind CSS 4
Lucide React

Bağlantılar

Canlı demo: kanevice.aliyilmaz.co
GitHub deposu: github.com/aliyilmazco/kanevice-studio

Geliştirme notları

Proje masaüstü kullanımını merkeze alsa da tablet etkileşimlerini de destekliyor. Ana tasarım hedefi, kullanıcının “deneyerek yerleştirme” yerine ölçülebilir boşluk ve hizalama bilgileriyle önce dijital önizleme yapabilmesi.