designmd.me vs Design Extractor
designmd.me ve Design Extractor, bir web sitesi URL'sini AI kodlama ajanın için bir DESIGN.md'ye dönüştürür. Design Extractor'ın dosyası Google'ın DESIGN.md spesifikasyonuna uyar ve sayfadan seçtiği her bileşeni, ajanının yeniden oluşturabileceği bir HTML ve CSS tarifi olarak sunar. Her tarif canlı siteye göre kontrol edilir ya da nedeniyle birlikte işaretlenir. Yalnızca belirli ülkelerden gelen ziyaretçilere yanıt veren sitelerde de çalışır.
Bu formatı ilk kez mi duyuyorsun? Önce DESIGN.md nedir yazısını oku.
tarihinde şu kaynaklara göre kontrol edildi: designmd.me, fiyatlandırma sayfası, CLI referansı, Figma sayfası ve Discover bölümündeki bir dosya. Teklifler ve fiyatlar değişir, bu yüzden karar vermeden önce onların sitesine bak.
Neden Design Extractor
Google'ın DESIGN.md spesifikasyonuna uyar
YAML frontmatter yalnızca spesifikasyonun tanımladığı özellikleri kullanır, özel üst düzey anahtar içermez. Overview ile başlayıp Do's and Don'ts ile biten standart bölümler, spesifikasyondaki sırayla gelir. Frontmatter'daki bileşen girdileri yalnızca spesifikasyonun sekiz özelliğini, sabit değerlerle kullanır. Herhangi bir dosyayı ücretsiz DESIGN.md doğrulayıcı ile kontrol et.
Sayfadan seçtiği her bileşen için bir tarif
Sayfadan seçilen header, footer, butonlar, giriş alanları, kartlar ve diğer bileşenlerin her biri bir tarif olarak gelir: DESIGN.md'nin Components bölümünde, sabit değerlerle damıtılmış HTML ve CSS. Her tarif, parçalarını ve sitede görülen hover ve focus durumlarını listeler; böylece kodlama ajanın bileşeni tahmin etmek yerine yeniden oluşturabilir.
Canlı siteye göre doğrulanır
Her tarif tek başına render edilir ve canlı siteye göre kontrol edilir: render edilen parçaların sayfada ölçülenlerle yapısal olarak eşleştirilmesi ve gerçek öğenin yeni alınmış bir görüntüsüyle piksel karşılaştırması. Başarısız olan bir tarif yeniden oluşturulur ve tekrar kontrol edilir. Yine de geçemeyen tarif nedeniyle birlikte işaretlenir, asla doğrulanmış olarak sunulmaz. Sonuç sayfası, bileşenlerin ne kadar yakın eşleştiğini ve sitenin renk ve metin stillerinin ne kadarının kapsandığını gösterir: galerideki Stripe örneğine bak.
Bölge kısıtlamalı sitelerde çalışır
Bazı siteler yalnızca belirli ülkelerden gelen ziyaretçilere yanıt verir. Bir çıkarma bu yüzden başarısız olduğunda sonuç sayfası bir ülke seçici sunar (sayfanın yüklendiği tespit edilen ülkeler en üstte) ve aynı çıkarmayı seçtiğin ülkedeki bir tarayıcı üzerinden çalıştırır. Ülke seçimli çıkarma, Pro fiyatının üzerine 6 kredilik ek ücretle toplam 16 kredi tutar. Çıkarma başarısız olursa kredilerini iade ederiz.
Yan yana
| designmd.me | Design Extractor | |
|---|---|---|
| Spesifikasyon uyumu | Spesifikasyonun token'larıyla YAML frontmatter yazar, ayrıca source, themes ve breakpoints gibi spesifikasyonun tanımlamadığı üst düzey anahtarlar ekler. Bölümler kendine özgüdür ve Visual Theme & Atmosphere'den Known Gaps'e kadar numaralandırılmıştır. | Google'ın DESIGN.md spesifikasyonuna uyar: yalnızca spesifikasyonun özelliklerini içeren ve özel üst düzey anahtar barındırmayan frontmatter, spesifikasyondaki sırayla standart bölümler ve spesifikasyonun sekiz özelliğiyle, sabit değerlerle sınırlı bileşen girdileri. |
| Bileşen tarifleri | Her bileşen, HTML olmadan, background, font, padding, border ve radius gibi stil değerlerinden oluşan bir listedir. | Sayfadan seçtiği header, footer, butonlar, giriş alanları ve kartlar gibi her bileşen bir tarif olarak gelir: Components bölümünde damıtılmış HTML ve CSS; böylece kodlama ajanın onu yeniden oluşturabilir. |
| Canlı siteye göre doğrulama | Sunulmuyor | Evet. Her tarif tek başına render edilir ve canlı siteye göre kontrol edilir: parçalarının yapısal eşleştirmesi ve piksel karşılaştırması. Geçemeyen bir bileşen nedeniyle birlikte işaretlenir, asla doğrulanmış olarak sunulmaz. |
| Bölge kısıtlamalı siteler | Sunulmuyor | Evet. Bir site bazı ülkelerden gelen ziyaretçileri engellediğinde, başarısız çıkarma bir ülke seçici sunar (sayfanın yüklendiği ülkeler en üstte) ve aynı çıkarmayı o ülkedeki bir tarayıcı üzerinden çalıştırır. Ülke seçimli çıkarma, Pro fiyatının üzerine 6 kredilik ek ücretle toplam 16 kredi tutar. |
| Nedir | Bir oluşturucu: bir URL yapıştır, bir DESIGN.md al. Crowdlinker tarafından geliştirildi. | Bir oluşturucu: herkese açık bir URL yapıştır, o sitenin DESIGN.md dosyasını al. |
| Okunan sayfalar | Tek sayfa (açılış sayfası) ya da çok sayfa (sitenin önemli sayfaları), her çıkarmada sen seçersin. | Pro, sitenin önemli sayfalarından örnek alır. |
| Çıkarma başına fiyat | Tek sayfa için 4 kredi, çok sayfa için 8 kredi; yalnızca başarılı olursa ücret alınır. | Bir Pro çıkarma için 10 kredi. Bizim tarafımızda başarısız olan çıkarmalar iade edilir. |
| Kredi paketleri | 50 kredi $5, 175 kredi $15, 375 kredi $30 ya da özel tutarda kredi yükleme. Krediler hiçbir zaman sona ermez. | 50 kredi: $5, 110 kredi: $10, 300 kredi: $25. Krediler hiçbir zaman sona ermez. Abonelik yok. |
| Ücretsiz başlangıç | İlk ziyarette 4 ücretsiz kredi, kaydolduğunda 20 kredi daha. Başlamak için kart gerekmez. | Kaydolunca ücretsiz kredi yok. Galeri ve ücretsiz araçlar hiçbir ücret gerektirmez. |
| Ekstralar | Bir HTML önizleme dosyası (8 kredi daha), Variables, Styles ve bir board içeren Figma içe aktarımı (üretim başına bir kez 12 kredi) ve iki sitenin yan yana karşılaştırmaları. | Sonuç sayfasında dosyanın Kaynak ve Önizleme görünümü ile bir Görsel sistem paneli, ayrıca ücretsiz araçlar: bir DESIGN.md doğrulayıcı, bir font bulucu ve bir renk paleti çıkarıcı. |
| Hazır örnekler | Kategoriler ve bir sıralama tablosu içeren, üretilmiş sitelerden oluşan bir Discover bölümü. | Önceden çıkarılmış markalardan oluşan, okuması ve kopyalaması ücretsiz bir galeri. |
| Ajan erişimi | Bir CLI (@crowdlinker/designmdme) ve Claude Code, Cursor ve skill destekleyen diğer ajanlar için bir ajan skill'i. MCP sunucusu yok. | Claude Code, claude.ai, ChatGPT, Codex, Cursor ve diğer istemciler için uzak bir MCP sunucusu ve Claude Code ile Codex için bir eklenti. |
| Tarayıcı uzantısı | Sunulmuyor | Bulunduğun sekmeyi çıkaran bir Chrome uzantısı. |
designmd.me neler sunuyor
- İlk ziyarette ve kaydolunca ücretsiz kredi; başlamak için kart gerekmez.
- 4 krediye tek sayfa ve 8 krediye çok sayfa çıkarmalar; yalnızca başarılı olursa ücret alınır.
- Her biri ek kredi karşılığında bir HTML örnek sayfası ve Variables ile Styles içeren Figma içe aktarımı.
- İki sitenin tasarım sistemlerinin yan yana karşılaştırmaları.
- Claude Code, Cursor ve skill destekleyen diğer ajanlar için bir CLI ve bir ajan skill'i.
Nerede ayrılıyorlar
İki araç da bir URL'den DESIGN.md döndürür. Design Extractor sayfadan seçtiği her bileşeni bir tarif olarak sunar ve canlı siteye göre kontrol eder; böylece ajanın hangi bileşenleri yazıldığı gibi yeniden oluşturabileceğini ve hangilerinin nedeniyle birlikte işaretlendiğini bilir. Galerideki Stripe örneğinde gör.
Design Extractor ayrıca çalıştığın yerde seninle buluşur. Ajanın MCP sunucusu üzerinden bir çıkarma başlatıp sonucu okuyabilir, Chrome uzantısı da bulunduğun sekmeyi çıkarır. Daha fazla tamamlanmış dosyayı galeride gör.
designmd.me'den geçiş nasıl yapılır
- Sitenin URL'sini Design Extractor ana sayfasına yapıştır ve bir Pro çıkarma çalıştır.
- Sonucu deponun kök dizinine DESIGN.md olarak kaydet ve eski dosyanın yerine koy. AGENTS.md veya CLAUDE.md içindeki yönlendirmen çalışmaya devam eder.
- Ajanının çıkarmaları kendisinin çalıştırması için designmd.me CLI yerine MCP sunucusunu bağla.
Sonuç
Google'ın spesifikasyonuna uyan, sayfadan seçtiği her bileşen için bir tarif içeren ve her tarifi canlı siteye göre kontrol edilmiş ya da nedeniyle birlikte işaretlenmiş bir DESIGN.md'ye ihtiyacın varsa Design Extractor'ı seç. Bölge kısıtlamalı sitelere de erişir. Ajanın onu MCP üzerinden çalıştırabilir. Tablonun gösterdiği gibi designmd.me çıkarma başına daha az kredi tutar.
Diğer karşılaştırmalar
getdesign.md vs Design Extractor
Hazır DESIGN.md dosyalarından oluşan seçkin bir koleksiyon, her URL'den üretilen, spesifikasyona uygun ve bileşen tarifleri canlı siteye göre kontrol edilen bir DESIGN.md ile karşılaştırılıyor.
Refero Styles vs Design Extractor
Web sitesi stillerinden oluşan büyük ve ücretsiz bir kütüphane, her URL'den üretilen, spesifikasyona uygun ve bileşen tarifleri canlı siteye göre kontrol edilen bir DESIGN.md ile karşılaştırılıyor.
TypeUI vs Design Extractor
Sekmendeki stillerden kendi şablonunu dolduran ücretsiz TypeUI Chrome uzantısı, spesifikasyona uygun ve bileşen tarifleri canlı siteye göre kontrol edilen bir DESIGN.md ile karşılaştırılıyor.
SSS
designmd.me vs Design Extractor: sorular
designmd.me ve Design Extractor hakkında kısa yanıtlar, 2026-10-20 tarihinde kontrol edildi.
Ücretsiz başlar: 2026-10-20 tarihinde yeni ziyaretçiler 4 ücretsiz kredi ve kaydolunca 20 kredi daha alıyordu, kart gerekmeden. Sonrasında kredi paketleri 50 kredi $5 fiyatından başlar. Tek sayfa bir çıkarma 4 kredi, çok sayfa bir çıkarma 8 kredi tutar.
designmd.me. Onun paketleri 50 kredi $5, bizimkiler 50 kredi $5 fiyatından başlar. designmd.me'de çok sayfa bir çıkarma 8 kredi, tek sayfa bir çıkarma 4 kredi tutar; Design Extractor'da bir Pro çıkarma 10 kredi tutar. HTML önizlemesi ve Figma içe aktarımı ek kredi gerektirir.
Google'ın spesifikasyonuna uyan bir DESIGN.md: token'lar frontmatter'da, sayfadan seçtiği header, footer, butonlar, giriş alanları ve kartlar gibi her bileşen ise damıtılmış HTML ve CSS'ten oluşan bir tarif olarak yer alır. Her tarif canlı siteye göre yapısal eşleştirme ve piksel karşılaştırmasıyla kontrol edilir; geçemeyen tarif nedeniyle birlikte işaretlenir.
Hayır. designmd.me bir CLI ve bir ajan skill'i sunar, ama MCP sunucusu yoktur. Design Extractor uzak bir MCP sunucusudur: claude.ai, Claude Desktop, ChatGPT ve Claude Code giriş yaparak bağlanır, Codex, Cursor ve betikler ise bir API anahtarı kullanır.
Design Extractor çıkarmayı başka bir ülkeden çalıştırabilir. Bir çıkarma bu yüzden başarısız olduktan sonra sonuç sayfası bir ülke seçici sunar (sayfanın yüklendiği ülkeler en üstte) ve aynı çıkarmayı o ülkedeki bir tarayıcı üzerinden çalıştırır. Ülke seçimli çıkarma, Pro fiyatının üzerine 6 kredilik ek ücretle toplam 16 kredi tutar. Çıkarma başarısız olursa kredilerini iade ederiz.
Evet. İkisi de deponda duran bir DESIGN.md üretir, bu yüzden ajan kurulumun aynı kalır. Siteyi Design Extractor ile çıkar ve dosyayı değiştir.
İhtiyacın olan site için bir DESIGN.md al
Herkese açık herhangi bir URL'yi yapıştır. Pro, sitenin önemli sayfalarından örnek alır ve bileşen tarifleri canlı siteye göre kontrol edilmiş, spesifikasyona uygun bir DESIGN.md döndürür.