Dessn bir Tasarım araçları aracıdır: Canlı kod tabanınızı çalıştıran tasarım tuvali.

Dessn Freemium modeli kullanır; ücretli planlar aylık 30 $'dan başlar.

Dessn için en iyi alternatifler neler?

Topluluğun listelediği Dessn alternatifleri: Developer Tools, Clayzo, Zeplin, Lucidchart.

Dessn nelerle entegre olur?

Dessn; GitHub, GitLab, Claude Code, Codex, Cursor ve daha fazlasıyla entegre olur.

Dessn hangi platformlarda çalışır?

Dessn şu platformlarda kullanılabilir: web.

Dessn

Canlı kod tabanınızı çalıştıran tasarım tuvali

Freemium · $30Geliştirici araçları Tasarım araçları

Web sitesine git

Dessn, KOBİ'ler ve Kurumsal için bir tasarım araçları aracıdır; freemium modeliyle sunulur ($30/mo). Popüler alternatifleri: Developer Tools, Clayzo, Zeplin.

Dessn hakkında

Dessn, ekibin gerçek kod tabanını çalıştıran bir tasarım tuvali. Montréal'de kurulan ve şimdi Londra'da büyüyen şirketin kurucu ortağı ve eş CEO'su Gabriella Hachem, diğer kurucu ortağı Nim Cheema. Ekranları ayrı bir dosyada yeniden çizmek yerine tasarımcı, PM ve mühendisler canlı ürün sayfalarını tuvale çekiyor, değişiklikleri zaten yayında olan bileşenler ve design system üzerinde deniyor ve prototipliyor.

GitHub veya GitLab deposunu salt okunur erişimle bağlıyorsunuz, Dessn depoyu derliyor ve sayfalar ile durumları tuvale geliyor; ilk sayfa genellikle dakikalar içinde hazır, tam derleme yaklaşık 30 dakika sürüyor. React, Vue.js, Electron ve React Native uygulamaları destekleniyor. Ekipler kullanıcı akışlarının tamamını haritalayabiliyor, tek prompt ile üründe birbirinden kopan desenleri denetleyebiliyor, birlikte yorum yapıp dal açabiliyor ve prototipleri inceleme, test veya demo için paylaşabiliyor. MCP sunucusu tuvalleri ve arkalarındaki kodu Claude Code, Codex ve Cursor'a taşıyor. Depoya kod gönderilmiyor. Free ayda 20 kredi veriyor, Pro editör başına aylık 30 dolar ve 100 kredi; izleyiciler tüm planlarda ücretsiz.

Halihazırda frontend'i olan ürün ekiplerine uygun. Kod yokken erken keşif için Figma hâlâ daha iyi, v0 kod tabanınızdan değil prompt'tan yeni arayüz üretiyor, Framer ise pazarlama sitelerine odaklı. 20 ve 100 kredilik limitler yoğun AI kullanımını kısıtlayabilir; desteklenmeyen teknolojiler kapsam dışı.

Dessn 4 Kasım 2026'da Product Hunt'ta lansman yaptı ve Product Hunt'ın 4 Kasım 2026 günlük sıralamasında 10. oldu. Satın alma ipucu: derleme süresi ve kredi tüketimi koda göre değiştiği için önce Free planda tek bir depoyla deneyin. Arayüzde Türkçe yok.

Dessn öne çıkan özellikler

Canlı ürün sayfaları ve durumları ortak tuvalde
Salt okunur GitHub ve GitLab bağlantısı; depoya kod gönderilmiyor
React, Vue.js, Electron ve React Native uygulama desteği
Gerçek uygulamadan çıkarılan tam kullanıcı akışı haritaları
Tutarsız arayüz desenlerini bulan tek prompt'luk denetimler
İnceleme ve test için yorum, dal açma ve paylaşılabilir prototip
Claude Code, Codex ve Cursor için MCP sunucusu

Artılar ve eksiler

Artılar

Tasarımlar gerçekten yayında olanla senkron kalıyor
Tüm planlarda sınırsız ücretsiz izleyici koltuğu
Tasarımcı ve PM'lerin yerel IDE kurmasına gerek yok
SOC 2 Type II uyumlu; müşteri kodu model eğitiminde kullanılmıyor
Prototipler gerçek design system'i kullandığı için devir kısalıyor

Eksiler

Ancak frontend kod tabanı varsa işe yarıyor
Yalnızca React, Vue.js, Electron ve React Native destekleniyor
Free ve Pro'daki kredi miktarı küçük
iOS desteği hâlâ kapalı betada
Pro editör başına ücretlendiği için maliyet tasarım ekibiyle büyüyor

Dessn fiyatlandırma

Dessn freemium modeli kullanır.

Plan	Fiyat	İçerik
Free	$0 / mo	20 credits/mo, unlimited viewers and connected repos
Pro	$30 / mo	Per editor; 100 credits/mo, top-ups, prod sync, MCP
Enterprise	Custom	SSO and SAML, SOC 2 and security, custom limits and models

Kaynak: www.dessn.com · 5 Kas 2026 tarihinde kontrol edildi

Dessn sizin ürününüz mü?

Sitenizde fiyat doğrulandı rozetini gösterin. Fiyatlarınızı kendi fiyat sayfanızla en son ne zaman kontrol ettiğimizi gösterir ve bu sayfaya bağlanır.

Gömme kodu

<a href="https://happyvalley.dev/tools/dessn"><img src="https://happyvalley.dev/api/badge/dessn?v=price" alt="Prices verified on Happy Valley" height="32"></a>

Dessn, Tasarım araçları kategorisinde nerede?

Oy sıralaması: #2 / 30
Başlangıç fiyatı: $30
Ücretsiz alternatif: 5

Dessn, topluluk oylarına göre 30 tasarım araçları aracı arasında 2. sırada ve kategorideki çoğu araçtan pahalı.

Yaygın kullanım senaryoları

1Tasarımcıların IDE açmadan canlı bir dashboard üzerinde çalışması
2PM'lerin ödeme veya onboarding akışının tüm durumlarını haritalaması
3Sayfalar arasında kopan tablo, başlık ve rozetleri denetlemek
4Kullanıcı testi ve satış demosu için kodlu prototip paylaşmak
5İncelenmiş prototipi geliştirmesi için Claude Code veya Cursor'a vermek

Kimler için ideal

Tasarımcı ve PM'lerin doğrudan canlı arayüz üzerinde çalışmasını isteyen, React veya Vue frontend'i olan ürün ekipleri.

Kimler için uygun değil

Sıfırdan yeni ürün tasarlayan ya da pazarlama sitesi kuran ekipler (Figma, Framer).

Entegrasyonlar

GitHub
GitLab
Claude Code
Codex
Cursor

Görüşümüz

Tasarım dosyalarının yayındaki üründen kopmasından yorulan her ekip Dessn'i denemeli, çünkü yeniden çizme adımını tamamen kaldırıyor. Free planda tek depoyla başlayın; editörleri Pro'ya ancak krediler ve desteklenen teknolojiler iş akışınıza uyarsa geçirin.

FAQ

Dessn nedir?: Dessn bir Tasarım araçları aracıdır: Canlı kod tabanınızı çalıştıran tasarım tuvali.
Dessn ne kadar?: Dessn Freemium modeli kullanır; ücretli planlar aylık 30 $'dan başlar.
Dessn için en iyi alternatifler neler?: Topluluğun listelediği Dessn alternatifleri: Developer Tools, Clayzo, Zeplin, Lucidchart.
Dessn nelerle entegre olur?: Dessn; GitHub, GitLab, Claude Code, Codex, Cursor ve daha fazlasıyla entegre olur.
Dessn hangi platformlarda çalışır?: Dessn şu platformlarda kullanılabilir: web.
Dessn kimler için?: Tasarımcı ve PM'lerin doğrudan canlı arayüz üzerinde çalışmasını isteyen, React veya Vue frontend'i olan ürün ekipleri.

Dessn alternatifleri

Tümünü gör (10)

Developer Tools
▲ 2
173 ücretsiz web, DNS, SSL, SEO ve geliştirici aracı — hızlı, canlı, üyeliksiz
ÜcretsizFreelancerlar
Clayzo
▲ 0
Kodlama ajanlarının motion grafik ürettiği ücretsiz animasyon motoru
ÜcretsizGeliştiriciler
kontrol 3 Kas
Zeplin
▲ 0
Ürün ekipleri için tasarım teslimi ve dokümantasyon
Freemium · $14Geliştiriciler
kontrol 20 Eki
Lucidchart
▲ 0
Akış şeması, organizasyon şeması ve bulut mimarisi için çizim aracı
Freemium · $9KOBİ'ler
kontrol 20 Eki
Figma
▲ 0
Tarayıcıda iş birliğiyle arayüz tasarımı
Freemium · $20Geliştiriciler
kontrol 20 Eki
Gamma
▲ 0
Sunum, doküman ve basit web sitesi için yapay zeka aracı
Freemium · $12İçerik üreticileri
kontrol 20 Eki

Diğer Tasarım araçları araçları

Tümünü gör (30)

Inflight
▲ 0
Prototipler için yorumları kodlama ajanına aktaran geri bildirim aracı
Ücretli · $18KOBİ'ler
kontrol 22 Eki
ImageSVG
▲ 0
High-quality SVG conversion for PNG and JPG logos and icons
FreemiumFreelancerlar
Readymag
▲ 0
Tasarım öncelikli, serbest yerleşimli web yayıncılığı
Freemium · $19Ajanslar
kontrol 20 Eki
Uizard
▲ 0
Metin ve eskizden yapay zeka ile arayüz tasarımı
Freemium · $12KOBİ'ler
kontrol 20 Eki
Recraft
▲ 0
Tasarımcılar için vektör ve marka uyumlu yapay zeka
Freemium · $12Ajanslar
kontrol 20 Eki
Photoroom
▲ 0
Arka plan silme ve ürün görselleri için yapay zekâlı fotoğraf editörü
Freemium · $13E-ticaret
kontrol 20 Eki

İncelemeler

Henüz inceleme yok. Gerçek deneyimini ilk paylaşan sen ol.

İnceleme yazmak için giriş yap.