> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Mulai dengan Flowstep: mendaftar dan buat desain

> Buat akun Flowstep gratis, buat desain UI pertama Anda dari prompt teks, dan bagikan dengan tim Anda — semuanya dalam satu sesi.

<iframe src="https://www.youtube.com/embed/yrmvaLi6Cto" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

Memulai dengan Flowstep hanya membutuhkan beberapa menit. Anda mendaftar gratis, mendeskripsikan apa yang ingin Anda buat, dan Flowstep membuat desain Anda secara instan. Dari sana, Anda dapat menyempurnakannya melalui prompt lanjutan, mengundang tim Anda untuk berkolaborasi, dan bagikan hasilnya dengan pemangku kepentingan — tidak diperlukan alat desain atau pengalaman sebelumnya.

<Steps>
  <Step title="Buat akun gratis Anda">
    Buka [flowstep.ai](https://flowstep.ai) dan daftar dengan Google atau email dan kata sandi Anda. Tidak ada kartu kredit yang diperlukan untuk memulai.

    <Note>
      Jika Anda mendaftar dengan email dan kata sandi, periksa kotak masuk Anda untuk email konfirmasi ("Confirm your Flowstep email") dan klik tautan untuk mengaktifkan akun Anda — Anda dapat mengirim ulang dari halaman "Check your inbox" jika tidak tiba. Alamat email sekali pakai tidak diterima; gunakan email kerja atau pribadi.
    </Note>

    Setelah mendaftar, Anda mendarat di layar sambutan singkat: jawab tiga pertanyaan cepat, lalu deskripsikan desain pertama Anda di sana — empat prompt sampel (Dashboard, Landing page, Mobile app, Checkout) tersedia jika Anda menginginkan titik awal.
  </Step>

  <Step title="Deskripsikan layar yang Anda inginkan">
    Ketik prompt dalam bahasa Inggris yang jelas yang mendeskripsikan UI yang Anda pikirkan. Jelaskan secara spesifik tujuan layar dan elemen kunci apa yang harus disertakan.

    Prompt seperti "Dashboard for a project management app with a task list, progress bars, and a sidebar navigation" memberikan Flowstep cukup konteks untuk menghasilkan desain yang terfokus dan berguna.

    <Tip>
      Anda tidak memerlukan kosa kata desain. Fokus pada apa yang digunakan layar dan informasi apa yang harus ditampilkan — Flowstep menangani tata letak, tipografi, spasi, dan pilihan warna.
    </Tip>
  </Step>

  <Step title="Buat desain layar Anda">
    Kirimkan prompt Anda dan Flowstep membuat desain Anda dalam hitungan detik. Anda dapat membuat beberapa layar dalam satu sesi untuk menjelajahi arah yang berbeda atau membangun alur lengkap.
  </Step>

  <Step title="Penyempurnaan melalui percakapan">
    Belum sempurna? Ketik prompt lanjutan untuk menyesuaikan desain — ubah skema warna, atur ulang elemen, ganti konten, atau minta tata letak yang sepenuhnya berbeda. Anda juga dapat mengedit elemen secara manual atau menggunakan aksi sekali klik di menu opsi.
  </Step>

  <Step title="Ekspor atau bagikan karya Anda">
    Ketika Anda puas dengan hasilnya, pilih cara membagikannya:

    * **Export** kode atau melalui MCP
    * **Download** layar sebagai file JPG atau PNG
    * **Copy to Figma** menggunakan pintasan keyboard untuk menempel langsung ke file Figma yang ada
    * **Share a link** dengan rekan tim atau pemangku kepentingan — mereka dapat melihat desain tanpa membuat akun

    <Note>
      Anda dapat mengundang tim Anda untuk berkolaborasi pada file Flowstep. Mereka dapat bergabung dan mulai berkontribusi dalam hitungan menit.
    </Note>
  </Step>
</Steps>