Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →

Nesnel değerlendirme

ExodeUI vs Claude Design

ExodeUI ile Claude Design karşılaştırması: Anthropic'in istemden kullanıcı arayüzüne oluşturmasını ExodeUI'in açık .exode formatı, yay fiziği ve sevk edilebilir bileşenler için MCP sunucusuyla karşılaştırın.

Güncellendi Ekim 2026

Kısa yanıt

Temel mimari fark

Claude Design, Anthropic'in abonelik ekosistemindeki doğal dil istemlerinden düzen modelleri ve tıklanabilir web prototipleri oluşturur, ancak geliştiricilerin yine de tasarımı manuel olarak uygulaması veya kodu bir uygulamaya çıkartması gerekir. ExodeUI, etkileşimli yazılım bileşenleri için açık bir tasarım aracı ve platformlar arası çalışma zamanıdır: ExodeUI'in MCP sunucusunu, Claude Code'i veya herhangi bir yapay zeka aracısını kullanarak durum makineleri, bahar fiziği ve doğrudan React, Vue, SwiftUI'e gönderilen girişlerle birlikte bir açık .exode JSON dosyası oluşturur ve düzenler. ve elle yazılmış CSS animasyonları olmayan Flutter. ExodeUI ücretsiz bir Topluluk planı içerir. ExodeUI'in Anthropic'e bağlı değildir.

Yan yana karşılaştırma

Özellikler ve yetenekler

KriterExodeUIClaude DesignAvantaj
Ne üretiyorUygulamanızda yerel olarak çalışan açık bir .exode JSON bileşeniClaude Code için tuval veya kod üzerinde bir web prototipiExodeUI
Çalışma zamanı motoru9 yerel paket (React, Vue, Svelte, Angular, Solid, React Native, SwiftUI, Flutter, JS)Çalışma zamanı yok; tarayıcı önizlemesinde oluşturuldu veya kodda yeniden oluşturulduExodeUI
Durum makineleri ve mantıkGörsel durum makineleri, düğüm mantığı, değişkenler ve olay dinleyicileriEkrandan ekrana tıklanabilir bağlantılar ve temel değişkenlerExodeUI
Fizik ve hareketYerleşik yay fiziği motoru (sertlik, sönümleme, kütle) ve zaman çizelgeleriStatik düzenler veya standart CSS geçişleriExodeUI
Yapay zeka aracı kontrolüClaude Code, Cursor, OpenCode için MCP sunucusunu açın (100'den fazla araç)Tarayıcıda sohbet istemi; Claude Code'e aktarım paketiEşit
Ekosistem ve taşınabilirlikJSON spesifikasyonunu açın, git-diffable, yerel olarak veya tarayıcıda çalışırAntropik web aboneliğine ve bulut belirteçlerine bağlıExodeUI
Hızlı görsel fikirBileşen davranışına, düzenine ve hareketine odaklanıldıBir cümleden çok bölümlü sayfa taslaklarının tamamını oluştururClaude Design
FiyatlandırmaÜcretsiz Topluluk planı; Profesyonel $29/ayClaude aboneliklerine dahildir (aylık 20 ABD doları Pro; Ekip planları); belirteç kullanım sınırlarıEşit
Kullanım alanları: Claude Design

Ne zaman seçmeli: Claude Design

  • Dakikalar içinde bir metin isteminden birden çok üst düzey görsel yönlendirme veya slayt destesi üzerinde beyin fırtınası yapmak istiyorsunuz.
  • Paydaş sunumları için erken statik konseptler, tel çerçeveler veya pazarlama metni oluşturuyorsunuz.
  • Ekibiniz tamamen Claude web sohbeti içinde çalışır ve özel bir bileşen çalışma süresine ihtiyaç duymaz.
Kullanım alanları: ExodeUI

Ne zaman seçmeli: ExodeUI

  • Gerçek web ve mobil uygulamalara gönderilmesi gereken etkileşimli kullanıcı arayüzü bileşenleri (düğmeler, menüler, kartlar, sayfalar veya katılım) oluşturuyorsunuz.
  • Bileşen, gerçek durum makineleri, bahar fiziği veya kodun kontrol ettiği hareketler gerektirir.
  • Claude Code veya Cursor'in açık bir MCP sunucusu üzerinden canlı bileşen dosyaları oluşturmasını ve düzenlemesini istiyorsunuz.
  • Ücretsiz Topluluk planına sahip ve kapalı platform belirteç işaretlemeleri olmayan açık bir dosya biçimi istiyorsunuz.
ExodeUI çalışma zamanı ve Claude Design prototip kodu
React Entegrasyonu
// Claude Design output: Prototype mockup JSX that requires manual translation
// ExodeUI output: Production component rendered directly from .exode JSON
import { ExodeUICanvas } from 'exodeui';

export function NavigationDrawer({ isOpen, onClose }) {
  return (
    <ExodeUICanvas
      src="/components/navigation_drawer.bexode"
      inputs={{ open: isOpen }}
      onTrigger={(event) => {
        if (event === 'closed') onClose();
      }}
    />
  );
}

Açık bir .exode dosyası yay fiziğini, durum makinelerini ve düzeni kontrol eder. Kodunuz yalnızca girdileri ayarlar ve olayları dinler.

Doğrudan yanıtlar

Sık sorulan sorular

İlgili

Yaşayan yazılım bileşenlerini bugün oluşturun.

Design it once and ship the same file to web and mobile — no handoff, no rebuild.

Ücretsiz dene