wonderblok
Get early access

Gambar logonya, lalu pakai di mana-mana.

Wonderblok punya pen tool dan vector path yang bisa diedit, jadi desainer logo bisa menggambar logo dan ikon, menjaganya tetap bisa diedit, mengatur palet dan typeface sebagai token, dan memakai file yang sama untuk penerapan brand. AI agent bisa membuat variasi sementara desainer memilih dan menyempurnakan. Export sebagai SVG, PNG, atau PDF.

Dapatkan akses awalLihat harga
Pen toolVector pathTokenExport SVG, PNG, PDF

UNTUK SIAPA INI

Terdengar familiar?

Sebuah brand dimulai dari satu logo dan beberapa keputusan: dua warna, satu typeface, satu nada bicara. Lalu pekerjaannya berlipat: lockup horizontal, lockup bertumpuk, versi satu warna, ikon untuk aplikasi, banner. Semuanya adalah keputusan yang sama, diterapkan lagi.

Gambar logo sebagai vector path dan ia tetap bisa diedit. Atur palet dan typeface sebagai token dan semua penerapan ikut berubah ketika kamu mengubah satu keputusan. Minta agent membuat lockup dan variannya, dan pakai waktumu untuk memilih mana yang tepat.

  • Varian menumpuk dan digambar manual

    Lockup, versi satu warna, dan berbagai ukuran adalah keputusan yang sama, digambar ulang.

  • Brand tersebar di banyak file

    Logo, palet, dan penerapannya berjalan sendiri-sendiri di berbagai tool.

  • Karya yang sudah rata sulit diubah

    Logo yang di-export jadi piksel tidak bisa disesuaikan ketika klien meminta.

CONTOH SATU MINGGU

Identitas brand kecil, dari logo pertama sampai brand sheet

Sebuah skenario, bukan cerita pelanggan: gambaran satu minggu ketika agent kamu bekerja di kanvas bersamamu.

  1. Senin

    Logo mulai terbentuk

    Klien punya toko roti dan brief satu halaman: hangat, lokal, tidak kekanak-kanakan. Kamu membuat sketsa di kertas, lalu membangun ulang ide terbaiknya dengan pen tool sebagai vector path yang bersih. Kamu meminta agent tiga variasi dari ide yang sama, dengan lengkung yang sedikit lebih rapat dan batang yang sedikit lebih panjang. Kamu memilih satu dan menggambar ulang sudut yang tidak kamu suka dengan tangan.

  2. Selasa

    Dua warna dan satu typeface

    Kamu menetapkan keputusannya sebagai token: hijau tua, krem, dan satu typeface untuk nama. Setiap layer yang memakainya ikut berubah. Kamu meminta agent menampilkan logo di atas tiap warna lengkap dengan rasio kontrasnya, dan krem di atas hijau lolos sementara hijau muda di atas krem tidak. Pilihan kedua kamu buang sebelum klien sempat melihatnya.

  3. Rabu

    Lockup

    Logo butuh lockup horizontal, lockup bertumpuk, dan versi satu warna untuk latar gelap. Ini keputusan yang sama diterapkan tiga kali, jadi kamu menjelaskannya sekali dan agent menggambar ketiganya. Kamu menyesuaikan jarak antara logo dan nama pada satu versi yang terasa kurang pas.

  4. Kamis

    Kecil dan besar

    Logo harus bertahan di favicon 32 piksel dan di papan toko. Kamu meminta logo dalam deretan ukuran di satu frame dan melihat yang kecil dulu. Batang yang tipis hilang di 32 piksel. Kamu menebalkannya di path, sekali, dan semua ukuran mengikuti.

  5. Jumat

    Penerapan dan brand sheet

    Toko roti butuh kartu nama, banner, dan label kantong, jadi brand harus bekerja di benda nyata. Agent menata masing-masing dari token kamu, dan kamu menyatukannya di brand sheet yang menampilkan logo, palet, tipografi, dan penerapannya. Kamu export SVG untuk file logo dan PNG atau PDF untuk sheet-nya.

  6. Minggu depan

    Klien minta perubahan

    Klien ingin hijaunya lebih hangat. Kamu mengubah satu token warna, dan logo, lockup, kartu, dan banner semuanya mengikuti. Kamu meminta agent mendaftar tempat mana pun yang kontrasnya kini gagal, dan ada satu, yang kamu perbaiki sebelum membalas.

SEBELUM DAN SESUDAH

Apa yang berubah setelah agent kamu punya kanvas.

TANPA FILE DESAIN

  • Lockup, versi satu warna, dan ukuran adalah keputusan yang sama, digambar ulang dengan tangan setiap kali.
  • Logo, palet, dan penerapannya ada di file terpisah dan makin tidak sinkron.
  • Perubahan warna dari klien berarti membuka semua file lagi.
  • Masalah kontras dan ukuran kecil ketahuan terlambat, setelah klien sudah jatuh hati pada versinya.
  • Karya yang sudah rata sulit disesuaikan ketika klien meminta perubahan kecil.

DENGAN WONDERBLOK

  • Kamu menggambar logo sekali sebagai path yang bisa diedit dan meminta agent membuat variannya.
  • Palet dan tipografi adalah token, dan logo serta semua penerapannya mengikuti.
  • Keputusan warna adalah satu perubahan yang sampai ke setiap bagian di file.
  • Pemeriksaan kontras dan ukuran kecil terjadi selagi kamu masih bereksplorasi.
  • Path tetap bisa diedit, jadi perubahan kecil makan semenit, bukan sejam.

CARA KERJANYA

Desainer logo dan brand: alur kerja, langkah demi langkah.

Tiap langkah menunjukkan apa yang kamu minta, apa yang kamu dapat, dan fitur di baliknya.

  1. 01

    Hubungkan agent kamu

    Wonderblok menyiapkan koneksi MCP untuk Claude Code, Codex, dan Claude Desktop. Agent bisa membaca file kamu, menggambar bentuk dan path, dan mengedit teks, component, dan token. File tetap ada di perangkat kamu.

    MCPFile lokal

    Kamu dapat: Agent kamu bisa bekerja bersama kamu di file brand.

  2. 02

    Tulis maksud brand-nya

    Taruh brief di guidelines pada file: nada bicaranya, hal yang tidak boleh terlihat pada logo, jarak kosong minimum, warna mana yang boleh bersebelahan. Agent wajib membaca versi terbaru sebelum boleh mengedit, jadi brief diterapkan pada setiap varian tanpa perlu diulang.

    GuidelinesWajib baca sebelum edit

    KAMU BILANG

    Baca guidelines desain, lalu beri tahu saya dari tiga logo di canvas, mana yang paling banyak melanggar aturan, dan kenapa.

    Kamu dapat: Brief yang menjadi dasar kerja agent, bukan pesan chat yang ia lupakan.

  3. 03

    Gambar logo dengan pen tool

    Bangun logo sebagai vector path dengan titik yang bisa diedit. Kamu bisa menyesuaikan lengkung, menggeser anchor, atau menggambar ulang sudut kapan saja. Operasi boolean pada path masih terbatas saat ini, jadi bentuk digabungkan dengan menggambar path yang kamu butuhkan, bukan mengurangi satu bentuk dari yang lain.

    Pen toolVector path

    KAMU BILANG

    Gambar tiga variasi logo ini sebagai vector path: satu dengan bagian bulat yang lebih bulat, satu dengan batang yang lebih panjang, dan satu dengan counter yang lebih terbuka. Pertahankan ketebalan garis yang sama.

    Kamu dapat: Beberapa pilihan yang bisa diedit. Keputusan memilih tetap di tangan kamu.

  4. 04

    Atur palet dan tipografi sebagai token

    Warna dan typeface menjadi token yang dipakai setiap layer. Sebuah token bisa punya nilai per mode, jadi logo bisa punya versi untuk latar terang dan versi untuk latar gelap. Wonderblok menyertakan beberapa keluarga font, bisa mengunduh lebih banyak dari katalog yang sudah ditentukan, dan kamu bisa menambahkan file font sendiri.

    Token dan modeFontLint

    KAMU BILANG

    Buat token palet dari tiga nilai hex ini, dan tampilkan logo di atas masing-masing dengan rasio kontrasnya.

    Kamu dapat: Palet yang menjadi keputusan di satu tempat, dengan kontras yang sudah diuji.

  5. 05

    Minta lockup dan varian

    Jelaskan lockup-nya sekali. Agent menggambar versi horizontal, bertumpuk, dan satu warna, dalam terang dan gelap, dari logo dan token yang sama. Kamu memeriksa jarak dan perataan, di situlah letak keahliannya.

    Vector pathTokenBeberapa ukuran dalam satu file

    KAMU BILANG

    Buat lockup horizontal dan bertumpuk dari logo ini dengan wordmark memakai Outfit, lalu versi satu warna untuk latar gelap.

    Kamu dapat: Set lockup lengkap dalam satu file, siap dibandingkan berdampingan.

  6. 06

    Uji di ukuran kecil dan di atas warna

    Taruh logo di frame seukuran favicon, frame ikon aplikasi, dan frame besar dalam satu file, lalu lihat semuanya sekaligus. Masalah di ukuran kecil muncul selagi logo masih murah untuk diubah.

    Ukuran frame kustomBeberapa ukuran dalam satu file

    KAMU BILANG

    Taruh logo di frame seukuran favicon dan frame ikon aplikasi, dan pastikan tetap terbaca di 32 piksel. Beri tahu detail mana yang hilang.

    Kamu dapat: Deretan ukuran dan daftar singkat hal yang perlu diperbaiki di path.

  7. 07

    Terapkan brand dan export

    Tata kartu nama, banner, atau avatar sosial dari token yang sama, lalu export yang dibutuhkan klien: SVG untuk file logo, PNG untuk layar, PDF untuk dokumen. Kalau akan dicetak, tanyakan ke percetakan format dan spesifikasi yang mereka minta sebelum kamu export.

    TokenExport SVG, PNG, PDF

    KAMU BILANG

    Tata kartu nama dan avatar sosial 1080 kali 1080 dari token brand, dan export logo sebagai SVG untuk ketiga lockup.

    Kamu dapat: Penerapan yang membuktikan identitasnya bekerja, dan file untuk diserahkan.

KASUS PENGGUNAAN

Enam pekerjaan yang bisa kamu serahkan ke agent minggu ini.

  • Logo dari sebuah brief

    Kamu punya brief dan sketsa, dan ingin melihat idenya sebagai path yang bersih sebelum menghabiskan waktu menyempurnakannya.

    PROMPT Gambar logo ini sebagai vector path dari deskripsi saya: sebuah roti yang garis kulitnya menjadi bukit. Beri saya tiga variasi dengan ketebalan garis yang sama.

    Hasil: Tiga titik awal yang bisa diedit. Kamu ambil satu, atau tidak sama sekali, lalu menggambar ulang detailnya dengan tangan.

    Pen toolVector path

  • Set lockup

    Setiap klien butuh versi horizontal, bertumpuk, hanya ikon, dan satu warna, dan aturan jaraknya harus sama di semuanya.

    PROMPT Buat versi horizontal, bertumpuk, hanya ikon, dan satu warna dari logo dengan jarak kosong sama dengan tinggi huruf b. Taruh semuanya di satu frame.

    Hasil: Set lockup lengkap di satu frame, dengan jarak yang konsisten.

    Vector pathTokenBeberapa ukuran dalam satu file

  • Favicon dan ikon aplikasi

    Logo terlihat bagus saat besar dan berubah jadi bercak di 32 piksel.

    PROMPT Tampilkan logo di 16, 32, 64, 180, dan 512 piksel dalam satu baris. Tandai ukuran yang detailnya hilang, dan usulkan versi yang disederhanakan untuk dua ukuran terkecil.

    Hasil: Tangga ukuran yang bisa kamu nilai sekilas, dan versi kecil yang disederhanakan untuk kamu sempurnakan.

    Ukuran frame kustomVector path

  • Palet dengan kontras yang sudah dicek

    Tiga warna dari materi lama klien harus menjadi palet yang bekerja, dengan teks yang tetap terbaca.

    PROMPT Buat token palet dari tiga nilai hex ini. Untuk setiap pasangan teks dan latar yang mungkin dipakai, tampilkan rasio kontras dan tandai yang gagal.

    Hasil: Token plus tabel pasangan yang aman dipakai.

    TokenLint

  • Kartu nama dan banner

    Logo baru separuh meyakinkan sampai kamu melihatnya di kartu nama, banner, dan label kantong.

    PROMPT Pakai token brand untuk menata kartu nama, banner toko, dan label kantong untuk toko roti. Jaga jarak kosong logo di ketiganya.

    Hasil: Penerapan yang dibangun dari keputusan yang sama dengan logonya, siap dipresentasikan.

    TokenUkuran frame kustomExport PNG, PDF

  • Klien ingin lebih hangat

    Setelah disetujui, klien meminta hijau yang lebih hangat dan nama yang lebih tebal.

    PROMPT Ganti token warna utama ke hijau yang lebih hangat ini dan ketebalan wordmark jadi bold. Daftar semua tempat yang kontrasnya sekarang gagal.

    Hasil: Satu perubahan sampai ke logo dan semua penerapannya, dan masalahnya didaftar untuk kamu.

    TokenLintRiwayat perubahan

YANG PERLU DILIHAT

Fitur yang paling penting untukmu.

  • Pen tool dan vector path

    Logo adalah path sungguhan dengan titik yang bisa diedit, jadi bisa disempurnakan dan diubah, bukan sekadar di-export.

  • Token untuk palet dan tipografi

    Keputusan brand ada di satu tempat dan semua penerapan mengikutinya.

  • Token dengan mode terang dan gelap

    Logo yang sama bisa punya versi untuk latar gelap tanpa menggambar dua kali.

  • Koneksi MCP

    Agent kamu menggambar varian dan penerapan di file yang sedang kamu kerjakan.

  • Guidelines yang wajib dibaca agent

    Brief dan aturan tentang logo diterapkan pada setiap varian tanpa diulang.

  • Ukuran frame kustom

    Favicon, ikon aplikasi, kartu, dan banner bisa berdampingan dalam ukuran pemakaiannya.

  • Font

    Beberapa keluarga font sudah disertakan, lebih banyak bisa diunduh dari katalog yang ditentukan, dan file font sendiri bisa ditambahkan.

  • Export sebagai SVG, PNG, dan PDF

    Kamu menyerahkan format yang dibutuhkan klien atau desainer berikutnya.

  • Riwayat perubahan dan revert

    Kamu berani bereksplorasi dengan agent karena setiap perubahan bisa dilihat dan dibatalkan.

  • Note di layer

    Komentar klien bisa menempel di bagian logo yang dimaksud, dan agent mengerjakannya.

PERTANYAAN

Jawaban langsung.

Bisakah saya mendesain logo di Wonderblok?

Bisa. Pakai pen tool dan pengeditan vector untuk menggambar logo sebagai path yang bisa diedit, atur warna dan typeface sebagai token, lalu export sebagai SVG, PNG, atau PDF.

Bisakah AI menggambar logo?

Agent kamu bisa menggambar bentuk dan path di canvas dan membuat variasi dari logo yang kamu arahkan. Anggap sebagai bantuan produksi dan sumber pilihan; keputusan memilih logo tetap di tangan kamu.

Format file apa yang bisa di-export?

PNG, SVG, dan PDF.

Bisakah saya memakai font sendiri?

Wonderblok menyertakan beberapa keluarga font dan bisa mengunduh lebih banyak dari katalog yang sudah ditentukan. File font sendiri bisa ditambahkan ke sebuah file.

Apakah ini pengganti aplikasi ilustrasi vector lengkap?

Untuk logo, ikon, lockup, dan penerapan brand, ia mencakup pekerjaannya. Operasi boolean pada path masih terbatas saat ini, jadi konstruksi yang bergantung pada pengurangan dan penggabungan banyak bentuk akan lebih lambat di sini. Coba cara konstruksi yang biasa kamu pakai pada logo kecil dulu.

Seberapa banyak logo yang benar-benar digambar agent?

Ia bisa menggambar bentuk dan path serta membuat variasi dari arah yang kamu berikan. Konsep, pilihan, dan penyempurnaan akhir ada di kamu. Kebanyakan desainer memakainya untuk pilihan, lockup, ukuran, dan penerapan, lalu menggambar ulang detail yang penting dengan tangan.

Apa yang bisa saya serahkan ke klien?

Export SVG, PNG, atau PDF. Tanyakan ke klien atau percetakannya format dan spesifikasi apa yang mereka butuhkan sebelum kamu export, dan cek hasil export dengan itu. Wonderblok tidak menjanjikan hasil siap cetak dengan sendirinya.

BATASAN YANG JUJUR

Yang perlu kamu tahu sebelum mulai.

  • Wonderblok berjalan di macOS saat ini. Windows, Linux, serta tablet Android dan iOS segera hadir.
  • Operasi boolean pada path masih terbatas saat ini; bentuk digabungkan dengan menggambar path.
  • Cek format pengiriman yang diminta klien atau percetakan sebelum kamu export.

JUGA UNTUK

Lebih banyak di Desain sebagai profesi dan kelompok lain di halaman Solusi.

Coba untuk satu pekerjaan nyata.

Unduh untuk macOS dan mulai dari paket Free. Windows, Linux, dan tablet segera hadir. Tanpa kartu.

Dapatkan akses awalLihat harga