Aşama 2 yayında · tasarım dili üretimi

Fikrini anlat,
tutarlı bir arayüz sistemi geri al.

UIForge brief'ini analiz eder, projene özel bir tasarım dili üretir ve bütün ekranları aynı sistemle giydirir. İlk ekrandan sonuncusuna kadar tek bir dil konuşur.

Kapalı beta · Web ve mobil düzen, React + Tailwind kodu

Veritabanı Kod Önizleme

Hangi ürün için olursa

FintechE-ticaretSaaS panelleriSağlıkEğitimOyun
4
aşamalı üretim hattı
5
platform hedefi
1
kaynak tasarım dili
0
tutarsız ekran

Özellikler

Tasarım kararlarını tek yerde topla

Her ekranı sıfırdan tartışmak yerine, bir kez tanımlanan sistemin üzerine inşa et.

En sevilen
Önizlemeden seçerek revizyon
"Seç" modunu aç, önizlemedeki bloğa tıkla; hangi parçadan bahsettiğin mesaja kendiliğinden düşsün. Revizyonu tarif etmekle uğraşma, göster.
Liste
Brief analizi
Uygulamanı bir paragrafla anlat; ürün özeti, hedef kitle, ekran listesi ve açık sorular önüne gelsin.
Tasarım dili üretimi
Renk, tipografi, spacing, köşe ve gölge token'ları tek seferde üretilir — hepsi birbiriyle uyumlu.
İskelet sayfalar
Her ekran, öncelik sırasına göre iskelet olarak çıkar; sol şeritten tek tıkla aralarında gez.
Token'dan koda
Ürettiğin dil, doğrudan projene yapıştırabileceğin CSS değişkenlerine dönüşür.
Sohbetten yönetim
/analiz, /tasarim, /revize komutları ve plan modu ile üretimi konuşarak sürdür.

Nasıl çalışır

Dört aşamalı üretim hattı

Her aşama bir öncekinin çıktısını girdi olarak alır; bu yüzden ekranlar arasında sapma olmaz.

01

Analiz

Brief'ten ürün özeti, hedef kitle ve öncelik sıralı ekran listesi çıkar.

  • Ekran listesi
  • Açık sorular
  • Ortak componentler
02

Tasarım dili

Projeye özel token seti üretilir; beğenmezsen tek cümleyle revize edilir.

  • Renk & tipografi
  • Spacing & radius
  • Component kuralları
03

İskelet

Her ekran, cihaz çerçevesi içinde iskelet olarak önüne gelir.

  • iPhone önizleme
  • MacBook önizleme
  • Sayfa şeridi
04

Giydirme

İskeletler onaylanan dille giydirilir, kod çıktısı elinde olur.

  • Token'dan CSS
  • Ekran bazlı çıktı
  • Sürüm takibi

Platformlar

Tek tasarım dili, her ekran

Aşağısı canlı: bir tasarım dili seç, ekranlar arasında gez, "Seç" modunu açıp bloklara tıkla. Uygulamanın içinde de tam olarak böyle çalışıyor.

Tasarım diliEkran

Yüksek kontrast, nötr yüzeyler

MobiliPhone
9:41▮▮▮

Ana Sayfa

Günlük özet ve hızlı işlemler

Devam et
Ana Sayfa
Koleksiyon
Hareketler
Profil
Masaüstü & webMacBook
app.local/home
Ana Sayfa
Koleksiyon
Hareketler
Profil

Ana Sayfa

Günlük özet ve hızlı işlemler

Yeni ekle

Mobil düzen

Telefon için kurulan ekranlar

Flutter, SwiftUI, Compose

Yol haritasında

React + Tailwind

Web uygulamaları için varsayılan

Fiyatlar

Ekranı değil, sistemi satın al

Kredi üretim birimidir: analiz 1, iskelet 3, ekran giydirme 3–5 kredi.

Starter

Tek başına üretenler için

$19/ ay · 200 kredi
  • Brief analizi ve ekran listesi
  • Projeye özel tasarım dili
  • İskelet + giydirme
  • Canlı önizleme
  • Kod indirme (ZIP)

Pro

Ürünü gerçekten çıkaranlar için

Popüler
$49/ ay · 700 kredi
  • Starter'daki her şey
  • Görsel denetim ve eleştiri turları
  • Otomatik onarım (self-heal)
  • Seçerek revizyon
  • Öncelikli üretim kuyruğu

Agency

Birden çok müşteriyle çalışan ekipler için

$149/ ay · 2500 kredi
  • Pro'daki her şey
  • 5 kullanıcı
  • Birden çok proje ve marka
  • Öncelikli destek

UIForge kapalı betada · Fiyatlara KDV dahil değildir

SSS

Sık sorulanlar

Aradığını bulamadıysan EnsaTech hesabından bize yaz.

UIForge tam olarak neyi üretiyor?

Brief'ini analiz edip ekran listesi çıkarıyor, projene özel bir tasarım dili (renk, tipografi, spacing, radius, gölge ve component kuralları) üretiyor ve bu dili tüm ekranlara uyguluyor.

Ürettiği tasarım dilini beğenmezsem?

Sohbete ne değişmesini istediğini yazman yeterli. Önceki dil bağlam olarak korunur, revizyon onun üzerine uygulanır; istediğin kadar tur dönebilirsin.

Önizleme gerçek cihaz görünümü mü?

Evet. Mobil projeler iPhone, web projeleri MacBook çerçevesinde gösteriliyor; istersen ekranlar bulutta çalışan gerçek bir dev server'da canlı açılıyor.

Kod çıktısını projeme alabilir miyim?

Evet. Giydirilen ekranlar çalışan React + Tailwind kodu; projeyi tema dosyası ve bileşenleriyle birlikte ZIP olarak indirebilirsin.

Hangi platformlar destekleniyor?

Bugün web ve mobil düzende React + Tailwind kodu üretiliyor. Flutter, SwiftUI ve Jetpack Compose çıktısı yol haritasında.

Verilerim ne oluyor?

Projelerin kendi çalışma alanına bağlı olarak saklanıyor; brief, analiz ve tasarım dili sadece senin hesabına ait projede tutuluyor.

Bir paragraf yaz, sistemi biz kuralım

İlk projeni oluşturmak birkaç dakika sürüyor. UIForge şu an kapalı betada; erken erişim iste, hesabın onaylanınca başlangıç kredilerin tanımlanır.