Yapay zekâ çağının marka kılavuzu

Markanı yapay zekâya öğret.

Logondan, marka kılavuzundan ya da markanın web sitesinden renkleri, tipografiyi, boşlukları ve bileşen kurallarını çıkar; hepsini tek bir DESIGN.md dosyasında topla. Claude, Cursor ya da v0'a ver, ürettikleri her ekran markana sadık kalsın.

Sıfırdan Oluştur → Şablonlara Göz At

Tanınmış markaların tarzında, yapay zekâya hazır tasarım sistemleri.

Her şablonda renk kodları, font aileleri, yazı ölçeği ve Claude, Cursor ya da v0'a doğrudan verebileceğin bir DESIGN.md dosyası var.

Şablonlara göz at →

Nasıl çalışır

Markanın kurallarını üç adımda tek bir dosyaya dönüştür

Kaynağını ver
Logonu ya da marka kılavuzu PDF'ini yükle veya markanın web sitesinin adresini yaz. Dosyaların sunucuya gönderilmez, tarayıcında işlenir.
Kuralları netleştir
Sihirbaz renk paletini, tipografi ölçeğini, boşlukları, köşe yarıçaplarını ve bileşen kurallarını adım adım önerir; her değeri değiştirebilirsin.
DESIGN.md dosyanı al
Sonucu DESIGN.md, CSS değişkenleri, Tailwind teması ya da JSON token olarak indir ve projenin kök klasörüne koy.

Sihirbazı aç →Kütüphaneye göz at

MakeMyMD sihirbazının marka analizi adımı

DESIGN.md

DESIGN.md nedir?

DESIGN.md, bir markanın renklerini, yazı tiplerini, boşluk ölçüsünü ve bileşen kurallarını hem makinenin okuyabildiği token'lar hem de insanın okuyabildiği gerekçelerle anlatan bir Markdown dosyasıdır. Google Stitch'in tanıttığı bu biçim sayesinde Claude, Cursor veya v0 gibi araçlar ürettikleri her ekranda markanın kurallarına uyar.

DESIGN.md rehberini oku →

DESIGN.mdYAML token'lar + Markdown

---
name: Heritage
colors:
  primary: "#1A1C1E"
  tertiary: "#B8422E"
  neutral: "#F7F5F2"
typography:
  h1:
    fontFamily: Public Sans
    fontSize: 3rem
rounded:
  md: 8px
---

## Colors
- **Tertiary (#B8422E):** Etkileşimin tek sürücüsü;
  yalnızca aksiyonlarda kullanılır.

Uyumlu araçlar

Proje dosyalarını okuyan her yapay zekâ aracıyla çalışır

DESIGN.md düz bir Markdown dosyası; talimat dosyandan bir kez referans vermen yeterli.

Claude Code
Cursor
v0
Google Stitch
GitHub Copilot
Windsurf
Lovable
Bolt

Araç araç kurulum adımları →

Neden MakeMyMD

Markanı yapay zekâya öğretmenin en kısa yolu

Stripe tarzı şablonun renk ve tipografi önizlemesi

Raycast tarzı şablonun renk ve tipografi önizlemesi

Anthropic tarzı şablonun renk ve tipografi önizlemesi

GitHub tarzı şablonun renk ve tipografi önizlemesi

Logodan ve marka kılavuzundan analiz

Yalnızca bir web adresinden değil, logondan ve PDF marka kılavuzundan da renk paletini ve yazı tiplerini çıkarır.

Dosyaların sende kalır

Yüklediğin logo ve kılavuz tarayıcında işlenir; hiçbir sunucuya gönderilmez.

Türkçe ve adım adım

Türkçe arayüzlü sihirbaz, sıfırdan başlayan biri için bile her tasarım kararını sırayla sorar.

Tek kaynaktan dört format

Aynı tasarım sistemi DESIGN.md, CSS değişkenleri, Tailwind teması ve JSON token olarak dışa aktarılır.

Hazır tasarım sistemleri →

SSS

Sık sorulan sorular

Aradığın cevap burada yoksa DESIGN.md ve tasarım sistemi rehberlerine göz at.

Rehberler

DESIGN.md dosyası ne işe yarar?

Yapay zekâ kodlama araçlarına markanın tasarım kurallarını tek seferde öğretir. Dosya projenin kökünde durduğu sürece araç, ürettiği her ekranda aynı renkleri, yazı tiplerini ve bileşen kurallarını kullanır; her istekte “markamıza uygun olsun” diye tarif etmen gerekmez.

MakeMyMD ücretli mi?

Hayır. Tasarım sistemi oluşturmak, kütüphanedeki şablonları incelemek ve dosyaları indirmek ücretsizdir. Çalışmalarını kaydetmek için ücretsiz bir hesap açabilirsin.

Yüklediğim logo ve marka kılavuzu nereye gidiyor?

Hiçbir yere. Logo ve PDF analizi tamamen tarayıcında yapılır; dosyalar MakeMyMD sunucularına yüklenmez.

Hangi formatlarda dışa aktarabilirim?

DESIGN.md, CSS değişkenleri, Tailwind teması ve JSON tasarım token'ları. Hepsi aynı tasarım kararlarından üretilir, bu yüzden birbiriyle tutarlıdır.

DESIGN.md dosyasını Claude Code'da nasıl kullanırım?

Dosyayı projenin kök klasörüne koy ve CLAUDE.md dosyana @DESIGN.md satırını ekle; Claude Code her oturumda tasarım kurallarını okur. Cursor, v0 ve diğer araçların adımları kullanım rehberinde.

Kütüphanedeki marka tasarım sistemleri resmî mi?

Hayır. Bunlar markaların herkese açık web sitelerinde görülebilen renk, tipografi ve boşluk değerlerinin bağımsız incelemeleridir; resmî marka kılavuzu değildir, MakeMyMD'nin bu markalarla bir bağlantısı yoktur ve markalar tarafından onaylanmamıştır. Markalara ait ekran görüntüsü, logo ya da metin içermez. Kendi sistemine başlangıç noktası olarak kullanabilirsin.

Hesap açmam gerekiyor mu?

Oluşturmak ve indirmek için gerekmez. Google, GitHub, X ya da kullanıcı adı ve şifreyle ücretsiz hesap açarsan tasarımlarını “Projelerim” altında saklayıp sonra düzenleyebilirsin.