İçeriğe geç
EURODMC

MakeMyMD

Markanın logosundan, kılavuzundan ya da web sitesinden renk, tipografi, boşluk ve bileşen kurallarını tek bir DESIGN.md dosyasında toplayan araç. Yapay zekâ kodlama araçları bu dosyayla markaya sadık ekranlar üretiyor.

MakeMyMD web sitesinin ana sayfası, masaüstü ekran görüntüsü
Tür
Ürün

Ne yapar

MakeMyMD, bir markanın logosundan, kılavuzundan ya da web sitesinden renkleri, tipografiyi, boşlukları ve bileşen kurallarını yapay zekâ kodlama araçlarının okuyabileceği tek bir DESIGN.md dosyasında topluyor. Bu dosyayı alan Claude, Cursor ya da v0 gibi araçlar markanın kurallarına uyan ekranlar üretiyor.

Neden yaptık

Yapay zekâ kodlama araçları hızla ekran üretiyor ama markanızı tanımıyor; kurallar verilmeyince renkler, yazı tipleri ve boşluklar her seferinde farklı çıkıyor, marka kimliği dağılıyor. Markaların kurallarını yıllarca koruyan bir kreatif ajans olarak, bu kuralların yapay zekâ araçlarına da aynı titizlikle aktarılması gerektiğini düşünüyoruz. MakeMyMD'yi bunu tek bir dosyayla yapmak için geliştirdik.

Nasıl çalışıyor

Süreç üç adımda ilerliyor:

  • Kaynağı vermek: Logo ya da PDF marka kılavuzu yükleniyor veya markanın web sitesinin adresi yazılıyor. Yüklenen dosyalar sunucuya gönderilmiyor, tarayıcıda işleniyor.
  • Kuralları netleştirmek: Türkçe arayüzlü bir sihirbaz renk paletini, tipografi ölçeğini, boşlukları, köşe yarıçaplarını ve bileşen kurallarını adım adım öneriyor; her değer değiştirilebiliyor.
  • Dosyayı almak: Sonuç DESIGN.md, CSS değişkenleri, Tailwind teması ya da JSON token olarak indiriliyor ve projenin kök klasörüne konuyor.

DESIGN.md, Google Stitch'in tanıttığı bir biçim: makinenin okuyabildiği token'ları ve insanın okuyabildiği gerekçeleri aynı Markdown dosyasında birleştiriyor. Claude Code, Cursor, v0, Google Stitch, GitHub Copilot, Windsurf, Lovable ve Bolt gibi proje dosyalarını okuyan araçlar, bu dosyayla kurallara uygun arayüz üretiyor.

Bugün

MakeMyMD yayında. Sihirbazın yanında tanınmış markaların tarzında hazırlanmış tasarım sistemlerinden bir kütüphane, bir topluluk vitrini ve DESIGN.md rehberleri var. Ayrıntılar makemymd.com adresinde.