# Flowstep: Indonesian ## Indonesian ### Memulai - [Apa itu Flowstep?](https://docs.flowstep.ai/id/introduction.md): Flowstep adalah alat desain AI yang menghasilkan layar UI yang dipoles dari prompt teks. Pelajari apa yang dilakukannya, untuk siapa, dan apa yang dapat Anda bangun dengannya. - [Mulai dengan Flowstep: mendaftar dan buat desain](https://docs.flowstep.ai/id/getting-started.md): Buat akun Flowstep gratis, buat desain UI pertama Anda dari prompt teks, dan bagikan dengan tim Anda — semuanya dalam satu sesi. - [Cara menggunakan Flowstep tanpa pengalaman desain sebelumnya](https://docs.flowstep.ai/id/no-design-skills.md): Anda tidak perlu latar belakang desain untuk membuat layar UI yang hebat dengan Flowstep. Pelajari cara menjelaskan apa yang Anda inginkan dan biarkan Flowstep menangani sisanya. ### Menggunakan Flowstep - [Buat layar UI dari prompt teks dengan Flowstep](https://docs.flowstep.ai/id/generating-designs.md): Gunakan Flowstep untuk membuat satu layar atau hingga 6 layar sekaligus dari satu prompt teks — ideal untuk ideasi UI cepat dan mengeksplorasi alur lengkap. - [Sunting dan iterasi desain Flowstep melalui chat atau kanvas](https://docs.flowstep.ai/id/editing-designs.md): Perbaiki layar apa pun yang dihasilkan Flowstep melalui penyuntingan visual manual atau prompt berbasis chat — iterasi sebanyak yang diperlukan hingga desainnya sempurna. - [Gunakan referensi untuk memandu dan mempercepat desain Flowstep](https://docs.flowstep.ai/id/design-references.md): Lampirkan PRD, unggah gambar, atau tempel URL untuk memberikan konteks kepada Flowstep—sehingga Anda dapat ideasi lebih cepat tanpa menulis prompt yang panjang. - [Tetapkan panduan desain untuk menjaga setiap generasi Flowstep sesuai merek](https://docs.flowstep.ai/id/design-guidelines.md): Tentukan panduan desain tingkat file dalam format DESIGN.md — warna, tipografi, jarak, dan konvensi yang mengarahkan setiap generasi dan pengeditan AI dalam file. - [Pratinjau desain Flowstep sebagai prototipe interaktif](https://docs.flowstep.ai/id/prototypes.md): Buka file Flowstep apa pun sebagai prototipe yang dapat diklik — Flowstep menautkan layar Anda secara otomatis, dan Anda dapat mengatur atau mengunci navigasi secara manual per elemen. - [Bagikan desain Flowstep dengan tim dan stakeholder Anda](https://docs.flowstep.ai/id/sharing-designs.md): Buat tautan yang dapat dibagikan untuk desain Flowstep apa pun, kontrol siapa yang dapat membuka file dengan tingkat akses umum, dan undang orang untuk melihat atau mengedit melalui email. ### Tim & Organisasi - [Organisasi Flowstep: tim, peran, dan izin](https://docs.flowstep.ai/id/organizations.md): Pelajari cara kerja organisasi di Flowstep — apa yang dapat dilakukan Owner, Admin, Member, dan Guest, cara file dibagikan di seluruh tim Anda, dan cara bergabung atau beralih organisasi. - [Kelola organisasi Anda: orang, peran, dan pengaturan](https://docs.flowstep.ai/id/organization-settings.md): Tambahkan anggota ke organisasi Flowstep Anda, ubah peran, kelola guest dan undangan yang tertunda, dan ganti nama organisasi Anda — semuanya dari Pengaturan. ### Ekspor & Integrasi - [Unduh desain Flowstep sebagai file gambar JPG atau PNG](https://docs.flowstep.ai/id/export-formats.md): Flowstep mendukung ekspor desain sebagai JPG atau PNG. Pelajari format mana yang cocok untuk kasus penggunaan Anda dan cara mengunduh layar Anda dalam beberapa klik. - [Pindahkan desain antara Flowstep dan Figma](https://docs.flowstep.ai/id/figma-integration.md): Salin frame Flowstep apa pun ke Figma dengan salin-tempel, atau impor frame Figma ke Flowstep sebagai layar yang dapat diubah. Bekerja di kedua alat tanpa beralih. ### Server MCP - [Flowstep MCP Server](https://docs.flowstep.ai/id/mcp/overview.md): Gunakan Flowstep sebagai server MCP untuk membuat, memeriksa, dan mengelola desain UI langsung dari Cursor, Claude Code, atau klien apa pun yang kompatibel dengan MCP. - [Memulai Cepat MCP](https://docs.flowstep.ai/id/mcp/quickstart.md): Hubungkan Flowstep ke editor AI Anda dan jalankan panggilan alat pertama Anda. - [Autentikasi MCP](https://docs.flowstep.ai/id/mcp/authentication.md): Cara Flowstep MCP mengautentikasi klien: aliran OAuth 2.1 PKCE dan pembuatan akun. - [Referensi Alat MCP](https://docs.flowstep.ai/id/mcp/tools.md): Skema input, bentuk output, dan contoh untuk semua 21 alat MCP Flowstep. - [Batas Penggunaan MCP](https://docs.flowstep.ai/id/mcp/usage-limits.md): Cara batas penggunaan Flowstep berlaku untuk panggilan tool MCP, dan cara memeriksa kuota sisa Anda. - [Contoh MCP](https://docs.flowstep.ai/id/mcp/examples.md): Alur kerja end-to-end untuk tugas-tugas MCP Flowstep yang umum. #### Klien - [Flowstep MCP — Cursor](https://docs.flowstep.ai/id/mcp/clients/cursor.md): Hubungkan Flowstep ke Cursor menggunakan transport MCP HTTP Streamable. - [Flowstep MCP — Claude Code](https://docs.flowstep.ai/id/mcp/clients/claude-code.md): Hubungkan Flowstep ke Claude Code (CLI) menggunakan transport HTTP MCP yang dapat dialirkan. - [Flowstep MCP — Windsurf](https://docs.flowstep.ai/id/mcp/clients/windsurf.md): Hubungkan Flowstep ke Windsurf menggunakan transpor HTTP MCP yang dapat dialirkan. - [Flowstep MCP — Codex](https://docs.flowstep.ai/id/mcp/clients/codex.md): Hubungkan Flowstep ke OpenAI Codex menggunakan transport HTTP Streamable MCP. - [Flowstep MCP — Claude Desktop](https://docs.flowstep.ai/id/mcp/clients/claude-desktop.md): Hubungkan Flowstep ke Claude Desktop menggunakan transportasi HTTP MCP yang dapat dialirkan. - [Flowstep MCP — claude.ai](https://docs.flowstep.ai/id/mcp/clients/claude-ai.md): Hubungkan Flowstep ke claude.ai menggunakan konektor MCP khusus. ### Penagihan & Paket - [Harga Flowstep: uji coba gratis, paket gratis, dan paket berbayar](https://docs.flowstep.ai/id/pricing.md): Mulai dengan Flowstep menggunakan uji coba gratis tanpa kartu kredit. Bandingkan paket Free, Starter, Pro, dan Max, dengan penetapan harga per kursi dan penagihan tahunan menghemat hingga 20%. - [Penagihan Flowstep: siklus, pembatalan, dan akses](https://docs.flowstep.ai/id/billing.md): Pelajari cara Flowstep menangani siklus penagihan bulanan dan tahunan, siapa yang dapat mengelola penagihan dalam organisasi, cara membatalkan langganan Anda, dan apa yang terjadi setelah pembatalan. - [Kursi dan penagihan per-kursi untuk tim Flowstep](https://docs.flowstep.ai/id/seats.md): Cara kerja kursi pada paket berbayar Flowstep: siapa yang menggunakan kursi, bagaimana menambah dan menghapus anggota mempengaruhi tagihan Anda, dan apa yang terjadi pada anggota tanpa kursi. - [Pesan Flowstep dijelaskan: batas penggunaan dan reset](https://docs.flowstep.ai/id/messages-and-limits.md): Cari tahu apa yang dihitung sebagai pesan di Flowstep, bagaimana batas harian dan bulanan berfungsi, bagaimana batas berlaku per kursi dalam tim, dan apa yang terjadi saat Anda mencapai batas Anda. - [Akses dan unduh faktur penagihan Flowstep Anda](https://docs.flowstep.ai/id/invoices.md): Flowstep secara otomatis menghasilkan faktur untuk semua paket berbayar setelah setiap periode penagihan. Unduh kapan saja dari dasbor akun Anda. ### Keamanan & Privasi - [Bagaimana Flowstep melindungi data akun dan desain Anda](https://docs.flowstep.ai/id/security.md): Pelajari cara Flowstep melindungi data Anda dengan enkripsi saat transit dan saat disimpan, serta di mana menemukan detail lengkap tentang keamanan di Kebijakan Privasi. - [Kebijakan privasi data Flowstep dan batasan pelatihan AI](https://docs.flowstep.ai/id/data-privacy.md): Flowstep tidak menggunakan data pribadi Anda untuk melatih model AI, begitu pula penyedia LLM-nya. Pelajari data apa yang mungkin digunakan dan bagaimana caranya.