Alternatif · Pencil.dev
Tasarım için en iyi Pencil.dev alternatifi.
Open Design, Pencil'a tamamen açık kaynaklı, yerel öncelikli alternatiftir — zaten kullandığınız kodlama ajanıyla yönettiğiniz ajan yerlisi bir tasarım çalışma alanı, kendi anahtarınız, kendi dosyalarınız ve deponuzda tuttuğunuz taşınabilir bir tasarım sistemi.
Pencil (pencil.dev), a16z Speedrun'dan çıkan, IDE'nizin içine Figma benzeri bir vektör tuvali yerleştiren ve tasarımını Git ile sürümlenmiş deponuzdaki .pen JSON dosyaları olarak tutan, ajan güdümlü bir tasarım aracıdır. Yerel bir MCP sunucusu, kodlama ajanınızın bu dosyaları okumasına ve yazmasına izin verir, böylece bir istem, üretim kodu için bir kodlama ajanına devredebileceğiniz düzenlenebilir bir UI'ya dönüşür. 2026 başında herkese açık olarak yayınlandı, 100.000 kullanıcıyı geçti ve gerçekten iyi — şu püf noktasıyla: uygulamanın kendisi kapalı kaynaklıdır, önce Claude için ayarlanmıştır ve yalnızca erken erişimde olduğu sürece ücretsizdir.
Open Design ise tamamen açık kaynaklı, yerel öncelikli alternatiftir: kendi kodlama ajanınızı (Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen) BYOK üzerinden yönlendirdiğiniz ajan yerlisi bir tasarım çalışma alanı. Bu ikisi alışılmadık derecede yakındır — her ikisi de ajan güdümlü, her ikisi de tasarımı deponuzdaki dosyalar olarak tutuyor. Farklar sahiplik ve kapsamdır: Open Design ile uygulamanın tamamı Apache-2.0'dır (yalnızca belgelenmiş bir biçim değil), BYOK sağlayıcıdan bağımsızdır ve çıktı UI, sunumlar, prototipler ve taşınabilir bir DESIGN.md'yi kapsar. Bu sayfa, Pencil'ın gerçekten kazandığı yerler konusunda dürüsttür.
01
Pencil nedir
Pencil (pencil.dev), "tuvalde tasarla, kodda in" mottosuna sahiptir — IDE'nizin ve kod tabanınızın içinde yaşayan, Tom Krcha (daha önce Around'un arkasındaki isim, Miro tarafından satın alındı) tarafından oluşturulan ve a16z Speedrun tarafından desteklenen sonsuz bir vektör tasarım tuvalidir. Tasarım dosyaları, Git altında deponuzda bulunan açık, belgelenmiş bir .pen JSON biçimi kullanır ve yerel bir MCP sunucusu, yapay zekâ ajanlarının bunları okumasına ve yazmasına izin verir. Tuvale istem yazar veya çizersiniz, ardından tasarımı, yığınınıza uyan üretim bileşenleri oluşturması için bir kodlama ajanına (Claude Code ve diğerleri) devredersiniz.
Bir tasarım yüzeyi olarak Pencil cilalıdır: katmanlara sahip gerçek bir vektör tuvali, bir özellik inceleyicisi, sürükle-bırak bileşenler, doğrudan tuvale yerleştirdiğiniz istem blokları, katmanları ve otomatik yerleşimi koruyan yerel Figma kopyala-yapıştır ve yerleşik UI kitleri (Shadcn, Lunaris, Halo, Nitro). Elle yapılan tuval düzenlemeleri ajan tokenlarını tüketmez.
Karar vermeden önce bilmeniz gerekenler: Pencil uygulaması kapalı kaynaklıdır (yalnızca .pen biçimi belgelenmiştir ve değişebilir), Claude Code için optimize edilmiştir ve diğer modellerde daha zayıf bir deneyim sunar, yalnızca erken erişimde ücretsizdir (kuruculara göre "Ücretsiz bir iş modeli değildir") ve incelemeciler hâlâ erken olduğunu belirtiyor — ara sıra çökmeler ve otomatik kayıt yok.
- Satıcı: Pencil (pencil.dev), a16z Speedrun — kapalı kaynaklı uygulama, ~100.000 kullanıcı, 2026 başında yayınlandı
- Çalışma zamanı: yerel masaüstü uygulaması + IDE eklentisi (Cursor / VS Code / Windsurf) + yerel MCP sunucusu
- Tasarım dosyaları: deponuzda açık .pen JSON biçimi, Git ile sürümlenmiş
- Model: çeşitli ajanlarla MCP, Claude Code için optimize edilmiş; kendi ajan aboneliğinizi getirirsiniz
- Fiyatlandırma: erken erişimde ücretsiz, henüz yayınlanmış sınır yok — ücretli planlar sinyallendi
02
Open Design vs Pencil, özellik özellik
| Özellik | Open Design | Pencil (pencil.dev) |
|---|---|---|
| Lisans | Apache-2.0 — uygulamanın tamamı açık kaynaklıdır | Kapalı kaynaklı uygulama; yalnızca .pen biçimi belgelenmiştir |
| Çalışma zamanı | Yerel arka plan hizmeti + masaüstü uygulaması | Yerel masaüstü uygulaması + IDE eklentisi + yerel MCP sunucusu |
| Tasarım dosyaları | Deponuzdaki dosyalar (Git): DESIGN.md, eserler | Deponuzdaki .pen JSON dosyaları (Git) |
| Hesap | Gerekli değil; yerel olarak çalışır | Hesap / oturum açma (erken erişim) |
| Fiyatlandırma | Ücretsiz ve açık kaynaklı; kendi model harcamanız | Erken erişimde ücretsiz; ücretli planlar sinyallendi |
| Model | BYOK, sağlayıcıdan bağımsız — Claude, Codex, Cursor, Gemini, Qwen | Çeşitli ajanlarla MCP, Claude Code için optimize edilmiş |
| Birincil yüzey | Ajan güdümlü (istem → eserler) + web arayüzü | Doğrudan düzenlediğiniz Figma benzeri vektör tuvali; MCP üzerinden ajan |
| Çıktı | UI, açılış sayfaları, sunumlar, prototipler, tasarım sistemleri | UI ekranları/bileşenleri → kod (deponuzla eşleşir) |
| Tasarım sistemi | Her yeteneğin uyguladığı taşınabilir DESIGN.md | Değişkenler/Bileşenler + yerleşik UI kitleri (Shadcn, Lunaris…) |
| Figma içe aktarma | Ajan aracılığıyla (yapıştır/ekran görüntüsü → DESIGN.md) | Yerel kopyala-yapıştır (katmanları, otomatik yerleşimi korur) |
| İşbirliği | Tek kullanıcılı yerel; ajan güdümlü | İnsan çok oyunculu yok; SWARM = birden fazla yapay zekâ ajanı |
| Kendi sunucunda barındırma / çatallama | Evet (Apache-2.0) | Hayır — uygulama kapalı kaynaklıdır |
| Olgunluk | Kararlı sürümler | Erken erişim — çökmeler, otomatik kayıt olmadığı bildirildi |
Dürüstçe okuyun: Pencil elle çalışılan tuval konusunda kazanır — doğrudan düzenlediğiniz, yerel Figma yapıştırma ve yerleşik UI kitlerine sahip, IDE'nizin tam içinde bulunan olgun, Figma benzeri bir yüzey. Open Design ise sahiplik ve kapsam konusunda kazanır — uygulamanın tamamı açık kaynaklıdır (yalnızca dosya biçimi değil), BYOK Claude öncelikli değil sağlayıcıdan bağımsızdır, sizi paraya dönüştürecek bir satıcı olmadığı için "ücretsiz" ücretsiz kalır ve çıktı, sahibi olduğunuz dosyalar olarak UI, sunumlar, prototipler ve taşınabilir bir tasarım sistemini kapsar.
03
Ekipler neden bir Pencil alternatifi arıyor
Pencil, IDE'nizin içinde tasarım yapmanın güçlü bir yoludur ve "tasarım yapan geliştiriciler"in çoğu için harika bir seçimdir. İnsanların yine de bir alternatif aramasının nedenleri, erken erişim balayısından sonra ne olduğu etrafında kümelenir — sahiplik, sağlayıcı bağımlılığı ve kapsam.
- Uygulama kapalı, yalnızca biçim açık: Pencil'ın .pen biçimi belgelenmiştir, ancak uygulama kapalı kaynaklı ve a16z desteklidir ve biçim belirtimi değişme hakkını saklı tutar. Open Design ise baştan sona Apache-2.0'dır — çatallayın, denetleyin, kendi sunucunuzda barındırın ve ürettiği her esere sahip olun.
- "Ücretsiz"nin bir son kullanma tarihi var: Pencil, erken erişimde olduğu sürece ücretsizdir, ancak kurucular "Ücretsiz bir iş modeli değildir" konusunda açıktır. Ücretli planlar ve sınırlar geliyor. Open Design ise açık kaynaklı olduğu için ücretsizdir; yalnızca kendi model harcamanızı ödersiniz.
- Claude önceliklidir: Pencil, çeşitli ajanları MCP üzerinden bağlar ancak Claude Code için ayarlanmıştır ve başka yerlerde daha zayıf bir deneyim sunar. Open Design ise sağlayıcıdan bağımsız BYOK'tur — Claude, Codex, Cursor, Gemini, OpenCode ve Qwen hepsi birinci sınıftır.
- UI'dan koda dönüştürmekten fazlasını istiyorsunuz: Pencil, UI → kod üzerine odaklanır. Open Design ise aynı markadan UI, açılış sayfaları, sunumlar, prototipler ve taşınabilir bir DESIGN.md tasarım sistemi oluşturur, hepsi deponuzdaki dosyalar olarak.
04
Açık kaynak + BYOK, açıklandı
Her iki araç da yerel önceliklidir ve tasarımı deponuzdaki dosyalar olarak tutar — bu kısım ortak zemindir. Open Design'ın farkı, yalnızca belgelenmiş bir dosya biçiminin değil, uygulamanın tamamının Apache-2.0 olmasıdır, dolayısıyla çatallayabilir, denetleyebilir ve kendi sunucunuzda barındırabilirsiniz. Markanız, her yeteneğin saygı gösterdiği taşınabilir bir DESIGN.md olarak deponuzda yaşar.
Ayrıca sağlayıcıdan bağımsız olarak kendi ajan anahtarınızı getirirsiniz. Kimlik bilgileri yerel yapılandırmada veya ortam değişkenlerinde kalır — Open Design bunları asla aracılık etmez — ve API harcaması, erken erişimden sonra bir satıcı sınırı olmadan, sağlayıcınızın oranlarıyla doğrudan size faturalanır.
Fikri yeni mi duyuyorsunuz? vibe design nedir yazısını okuyun, eklenti ve tasarım sistemi kütüphanesine göz atın, tüm Open Design karşılaştırmalarına bakın — Figma ve Google Stitch dahil — veya denemek için Open Design'ı indirin.
05
Pencil'ın gerçekten kazandığı yer — ve hangisini seçmeli
Hakkını verelim: bir tasarım yüzeyi olarak Pencil mükemmeldir. Elle düzenlediğiniz gerçek, Figma benzeri bir vektör tuvalidir — katmanlar, bir özellik inceleyicisi, sürükle-bırak bileşenler ve doğrudan tuvale yerleştirilen istem blokları — katmanları ve otomatik yerleşimi koruyan yerel Figma kopyala-yapıştır ve yerleşik UI kitleriyle (Shadcn, Lunaris, Halo, Nitro). Ve hepsi IDE'nizin tam içinde yaşar, dolayısıyla tasarım yapan bir geliştirici Cursor veya VS Code'dan asla ayrılmaz. İstediğiniz şey doğrudan işlemek için cilalı bir tuval ise, Pencil'ın yüzeyi bugün Open Design'ın ajan öncelikli akışından daha olgundur. Ödün, etrafındaki yapısal olan her şeydir: kapalı kaynaklı uygulama, Claude öncelikli ayar ve kurucuların sürmeyeceğini söylediği bir "ücretsiz".
Gerçekten ne yapmak istediğinize göre hızlı bir karar yöntemi — ikisi örtüşüyor, dolayısıyla dürüst ayrım önemli:
| Şunu istiyorsanız… | En iyi seçim |
|---|---|
| Çatallayabileceğiniz/kendi sunucunuzda barındırabileceğiniz açık kaynak olarak aracın tamamına sahip olmak | Open Design |
| Erken erişimden sonra satıcı sınırı olmadan "ücretsiz"i ücretsiz tutmak | Open Design |
| Sağlayıcıdan bağımsız BYOK kullanmak (Claude öncelikli değil) | Open Design |
| UI + sunumlar + prototipler + bir tasarım sistemi oluşturmak | Open Design |
| Olgun, Figma benzeri bir vektör tuvalini elle düzenlemek | Pencil |
| Figma'dan katmanlar ve otomatik yerleşim sağlam kalacak şekilde yapıştırmak | Pencil |
| Cursor / VS Code içinde satır içi tasarım yapmak | Pencil |
06
Bir tasarımı Pencil'dan Open Design'a taşıma
Her iki araç da tasarımı deponuzdaki dosyalar olarak tutar, dolayısıyla mücadele edilecek kayıplı bir bulut dışa aktarması yoktur — geçiş tasarım önceliklidir. Markanızı bir kez çıkarın ve sonraki her oluşturma bunu miras alır.
- Open Design'ı indirme sayfasından kurun ve kendi ajan anahtarınızı getirin (Claude Code, Codex, Cursor, Gemini, OpenCode veya Qwen).
- Ajanınızı bir Pencil dışa aktarmasına, bir Figma yapıştırmasına veya görünümünü korumak istediğiniz bir ekran görüntüsüne yönlendirin.
- Ajandan markayı — renkler, yazı tipi, boşluklar — deponuzdaki bir DESIGN.md dosyasına çıkarmasını isteyin.
- Bir yetenek seçin ve eşleştiğini onaylamak için yeni markanıza göre oluşturun.
Bundan sonra her yetenek sizin markanızda oluşturur — ve UI, kod ve tasarım sistemi, sürüm kontrolü altında sahibi olduğunuz dosyalar olarak deponuzda kalır.
FAQ
SSS
-
01 Pencil (pencil.dev) açık kaynaklı mı?
Uygulama değil. Pencil, kapalı kaynaklı, a16z destekli bir üründür; "açık" olan şey, belgelenmiş ancak değişebilen (ekip kırıcı değişiklikler yapma hakkını saklı tutar) .pen dosya biçimidir. Open Design ise Apache-2.0 altında tamamen açık kaynaklıdır — yalnızca dosya belirtimi değil, uygulamanın tamamı — ve kendi sunucunuzda barındırılabilir.
-
02 Pencil.dev ücretsiz mi?
Bugün ücretsizdir ancak açıkça erken erişimdedir. Kurucular "Ücretsiz bir iş modeli değildir" diyerek gelecekteki ücretli planların ve sınırların sinyalini verdi. Open Design ise açık kaynaklı olduğu için ücretsizdir; kendi ajan anahtarınızı getirirsiniz, dolayısıyla model harcaması, satıcının belirlediği bir sınır olmadan size faturalanır.
-
03 Open Design ile Pencil arasındaki fark nedir?
Yakınlar — her ikisi de ajan güdümlüdür ve tasarımı deponuzda Git altında dosyalar olarak tutar. Farklar: Open Design tamamen açık kaynaklıdır (yalnızca açık bir biçim değil, Apache-2.0), sağlayıcıdan bağımsız BYOK'tur (esas olarak Claude için ayarlanmamıştır) ve daha geniş bir yelpazede eser oluşturur (UI, sunumlar, prototipler, tasarım sistemleri). Pencil ise daha olgun, elle çalışılan bir vektör tuvali ve yerel Figma yapıştırma sunar.
-
04 Pencil, Claude dışındaki ajanlarla çalışır mı?
Evet — çeşitli ajanları MCP üzerinden bağlar (Cursor, Windsurf, Codex ve diğerleri), ancak Claude Code için optimize edilmiştir ve incelemeciler diğer modellerle daha zayıf bir deneyim bildiriyor. Open Design ise Claude, Codex, Cursor, Gemini, OpenCode ve Qwen'i birinci sınıf olarak ele alır.
-
05 Open Design, Pencil ile bağlantılı mı?
Hayır. Open Design bağımsız, açık kaynaklı bir projedir (github.com/nexu-io/open-design, Apache-2.0). Pencil ise pencil.dev'de bulunan ayrı, a16z destekli bir üründür; bu, bağımsız bir karşılaştırmadır.
Yalnızca dosya biçimine değil, aracın tamamına sahip olun.
Depoya yıldız verin, masaüstü sürümünü edinin veya kurulumu terminalinizde çalıştırın. Open Design baştan sona açık kaynaklıdır — UI, kod ve DESIGN.md sisteminiz ilk oluşturmadan itibaren deponuzda kalır.