METİNDEN ARAYÜZE

Kâğıttaki fikir, dakikalar içinde ekranda.

Uygulamanı anlat; eksik kalan noktaları birlikte netleştirelim. Renk paletinden yazı ölçeğine marka rehberi ve ekranlar hazır olsun, Figma'ya SVG olarak aktar.

Bir örnekle başla
Harcamalar Harcamalar ekranı: aylık harcama grafiği ve kategoriler
Ana sayfa 390 × 844 Ana sayfa ekranı: toplam bakiye kartı ve son işlemler
↳ Bu ekranlar OZ UI Design ile üretildi

NASIL ÇALIŞIR

Üç adımda fikirden tasarıma

  1. 01

    Anlat

    Uygulamanın ne yaptığını, kimin için olduğunu ve nasıl hissettirmesi gerektiğini kendi cümlelerinle yaz.

  2. 02

    Netleştir

    Platform, stil ya da renk gibi eksik bir karar varsa birkaç kısa soru sorarım. Boş bıraktıklarına ben karar veririm.

  3. 03

    Al ve düzenle

    Önce marka rehberi, sonra ekranlar tek tek çizilir. Beğenmediğin ekranı seçip "butonları büyüt" demen yeter.

ÖZELLİKLER

Bir tasarımcının teslim edeceği her şey

Her tasarım bir marka rehberiyle gelir

Rolleri ve kullanım notlarıyla renk paleti, yazı ölçeği, bileşenler, köşe yuvarlaklıkları ve boşluk ölçeği. Bütün ekranlar aynı rehberden çizilir; tasarım tek bir ürün gibi durur.

  • Erişilebilir (WCAG AA) metin kontrastı
  • 8pt boşluk ızgarası
  • Google Fonts'tan gerçek yazı tipleri
Marka & Stil ekranı: renk paleti, tipografi, bileşenler, köşe ve boşluk ölçeği
  • Ekran seçerek düzenle

    Bir ekrana tıkla, Cmd/Ctrl ile birden çoğunu seç ya da hepsine birden uygula. Sadece seçtiğin ekranlar yeniden çizilir.

  • Figma ve Adobe XD'ye aktar

    Tüm tasarımı ya da tek bir ekranı SVG olarak indir. Katman adları korunur, düzenlemeye devam edebilirsin.

  • Mobil ve web

    390 × 844 telefon ekranlarından 1440 genişliğinde web panellerine; platformu isteğinden anlarım.

  • Tasarımların saklanır

    Ürettiğin ve düzenlediğin her tasarım hesabında durur; istediğin zaman açıp yeniden üretebilirsin.

SIK SORULANLAR

Merak edilenler

Ücretli mi?

Giriş yaptığında her gün ücretsiz tasarım ve düzenleme hakkın olur. Kredi kartı gerekmez.

Tasarımı hangi araçlarda açabilirim?

İndirdiğin SVG dosyaları Figma, Adobe XD, Illustrator ve Sketch gibi vektör araçlarına aktarılabilir.

Bir tasarımda kaç ekran olabilir?

Marka rehberine ek olarak birkaç ana ekran. Limitten fazla ekran istersen hangilerinin çizilmediğini açıkça söylerim; onları ayrı bir tasarım olarak isteyebilirsin.

Ne kadar sürer?

Ekranlar paralel çizildiği için çoğu tasarım birkaç dakikada hazır olur. Hazır olan ekranları beklerken görürsün.

Hangi dilde tasarlar?

Arayüz Türkçe ve İngilizce. Tasarımın içindeki metinler, isteğini hangi dilde yazdıysan o dilde üretilir.

Fikrin hazırsa, kâğıt da hazır.

Bir cümleyle başla; gerisini birlikte netleştirelim.

Ücretsiz tasarla