Lewati ke konten utama

Buat tombol yang sesuai dengan sistem desain Anda

Buat berbagai varian tombol, jelajahi gaya, dan bangun pustaka komponen dengan AI—langsung di Figma Design. Gunakan token dan komponen asli Anda, bukan UI placeholder yang perlu dibangun ulang.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Jelajahi desain tombol lebih cepat dari sebelumnya

Buat tombol siap produksi di kanvas Anda menggunakan komponen, token, dan gaya yang sudah digunakan tim Anda.

Kanvas Figma menampilkan tata letak desain yang dihasilkan AI sedang dieksplorasi.Kanvas Figma menampilkan tata letak desain yang dihasilkan AI sedang dieksplorasi.

Buat dengan sistem desain Anda

Agen Figma membuat tombol menggunakan komponen, token warna, dan gaya tipografi asli Anda. Setiap varian cocok dengan sistem Anda sejak awal—tidak ada UI placeholder untuk dibangun ulang atau diubah gayanya setelahnya.

Panel agen Figma AI menunjukkan edit massal yang diterapkan di seluruh desainPanel agen Figma AI menunjukkan edit massal yang diterapkan di seluruh desain

Jelajahi lebih banyak arah sekaligus

Buat berbagai gaya, ukuran, dan keadaan tombol secara paralel. Bandingkan varian utama, sekunder, dan tersier berdampingan tanpa harus menunggu satu selesai sebelum memulai yang berikutnya.

Panel agen Figma AI menunjukkan masukan tim yang disintesis menjadi sebuah desainPanel agen Figma AI menunjukkan masukan tim yang disintesis menjadi sebuah desain

Jaga tim Anda tetap membangun bersama

Setiap tombol yang dibuat berada di file yang sama tempat tim Anda bekerja. Desainer, pengembang, dan pemangku kepentingan melihat hasil yang sama dan dapat langsung membangunnya.

Fitur di balik pembuatan tombol

Pandangan lebih dekat pada hal unik agen Figma, yang dibangun untuk cara kerja tim desain sebenarnya.

  • Tangkapan layar yang menunjukkan agen Figma AI yang terhubung ke pustaka komponen, yang secara otomatis menerapkan token merek ke sebuah desainTangkapan layar yang menunjukkan agen Figma AI yang terhubung ke pustaka komponen, yang secara otomatis menerapkan token merek ke sebuah desain

    Terhubung ke pustaka desain Anda

    Arahkan agen ke pustaka desain Anda sehingga setiap tombol menggunakan komponen, token, dan variabel nyata Anda—siap untuk produksi, bukan placeholder.

  • Tangkapan layar dari beberapa prompt desain AI yang berjalan secara bersamaan di FigmaTangkapan layar dari beberapa prompt desain AI yang berjalan secara bersamaan di Figma

    Jalankan prompt secara paralel

    Hasilkan berbagai arah tombol secara bersamaan. Jelajahi berbagai gaya, kondisi, dan ukuran tanpa harus menunggu satu prompt selesai.

  • Tangkapan layar utas Figma AI yang dibagikan dengan komentar desainTangkapan layar utas Figma AI yang dibagikan dengan komentar desain

    Utas yang dapat dibagikan

    Bagikan sebuah utas dan tim Anda melihat prompt lengkap, konteks, dan riwayat iterasi. Tidak perlu serah terima atau penjelasan terpisah.

  • Tangkapan layar yang menunjukkan opsi kemampuan agen Figma AI untuk mengotomatisasi alur kerja desainTangkapan layar yang menunjukkan opsi kemampuan agen Figma AI untuk mengotomatisasi alur kerja desain

    Kemas alur kerja sebagai kemampuan

    Ubah perintah pembuatan tombol Anda menjadi kemampuan yang dapat digunakan kembali. Jalankan dengan perintah cepat kapan pun Anda membutuhkan hasil yang konsisten.

Figma terasa seperti perpanjangan alami dari tangan saya. Saya mengembangkan ide desain di kanvas, dan kini fitur tersebut mengurus tahap akhir prosesnya. Dengan pustaka desain saya yang terhubung, saya bisa beralih dari desain ke kode lebih cepat daripada sebelumnya.

Andy Madrick
Desainer Produk, Notion

Logo Notion

Mulai dengan agen Figma

  • Buka agennya

    Pilih Agen di bilah sisi kiri atau tekan CMD + Enter. Tambahkan bingkai ke kanvas Anda untuk bekerja di dalamnya.

  • Jelaskan tombolnya

    Beritahu agen apa yang Anda butuhkan—tombol utama, tombol ikon, kondisi sedang memuat. Arahkan agen ke pustaka desain Anda agar menggunakan gaya nyata Anda.

  • Tinjau di kanvas.

    Periksa tampilan layar yang telah dihasilkan di kanvas Anda. Sempurnakan di utas yang sama atau buat utas baru untuk menjelajahi arah yang berbeda.

  • Tetap teruskan iterasi.

    prompt kembali untuk menyesuaikan ukuran, keadaan, atau gaya. Ubah alur kerja menjadi kemampuan yang dapat digunakan kembali setelah Anda menyesuaikannya.

Jadilah ahli agen

  • Agen desain Figma kini telah hadir

    Saksikan langsung bagaimana Agen AI Figma bekerja dan pelajari cara mengintegrasikannya ke dalam alur kerja Anda sendiri.

    Baca lebih lanjut
  • Layar pembuka playground agen Figma dengan tombol 'Mulai' dan contoh prompt percakapan singkat: 'Hai Figma, bisakah Anda membuat tata letak berbeda untuk aplikasi membaca saya?'Layar pembuka playground agen Figma dengan tombol 'Mulai' dan contoh prompt percakapan singkat: 'Hai Figma, bisakah Anda membuat tata letak berbeda untuk aplikasi membaca saya?'

    Bekerja dengan agen Figma

    Playground praktis untuk menjelajahi kemampuan agen Figma — mulai dari pengeditan massal hingga implementasi masukan — dengan panduan langkah demi langkah yang disertakan di dalamnya.

    Mulai
  • Cara menggunakan agen Figma dalam alur kerja desain Anda

    Pelajari cara menggunakan agen Figma dalam alur kerja desain Anda dengan tutorial langkah demi langkah dari tim Figma.

    Tonton sekarang

Pertanyaan yang Sering Diajukan

Generator tombol AI menciptakan desain tombol dari teks prompt, membantu Anda menjelajahi gaya, ukuran, dan kondisi lebih cepat daripada membangun semuanya secara manual. Agen Figma menghasilkan tombol langsung pada kanvas Anda menggunakan sistem desain Anda, sehingga hasilnya siap untuk produksi sejak awal.

Anda menjelaskan tombol yang Anda butuhkan—tombol utama dengan ikon, varian sekunder, keadaan pemuatan—dan AI membuatnya di kanvas Anda. Agen Figma merujuk pada pustaka desain terhubung Anda, menggunakan token, komponen, dan gaya nyata Anda untuk menghasilkan tombol yang sesuai dengan sistem Anda.

Ya. Agen Figma memungkinkan Anda mendeskripsikan persis apa yang Anda butuhkan dan menghasilkan tombol kustom di kanvas Anda. Anda dapat menentukan gaya, ukuran, keadaan, dan ikon. Semuanya tetap dapat diedit sepenuhnya, sehingga Anda dapat menyempurnakannya secara manual atau prompt kembali hingga tombolnya benar-benar sesuai.

Tentu saja. Tombol yang dihasilkan oleh agen Figma mendarat di kanvas Anda sebagai lapisan dan komponen yang sepenuhnya dapat diedit. Anda dapat menyesuaikan warna, tipografi, spasi, dan keadaan secara manual atau dengan prompt lanjutan. Tidak ada yang dipipihkan atau dikunci.

Agen Figma tersedia di semua paket berbayar Figma. Anda akan menemukannya di bilah navigasi sebelah kiri di Figma Design. Selama masa open beta saat ini, fitur ini tidak menghabiskan kredit AI—jadi ini saat yang tepat untuk menjelajahi, bereksperimen, dan berbagi masukan Anda kepada kami.

Powered by Fruition