Lewati ke konten utama

Bangun dasbor lebih cepat dengan agen AI

Hasilkan tata letak dasbor kaya data langsung di Figma Desain menggunakan komponen asli Anda dan token desain. Jelajahi berbagai arah sekaligus, lewatkan kerangka, dan teruslah membangun.

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

Alasan mendesain dasbor dengan agen AI

Agen Figma memahami konteks kanvas, terhubung ke pustaka desain, dan menghasilkan tata letak dasbor yang siap diproduksi yang dapat Anda kembangkan lebih lanjut.

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

Jelajahi lebih banyak tata letak dalam fidelitas yang lebih tinggi

Agen Figma menghasilkan variasi dasbor yang sebenarnya menggunakan komponen, token, dan variabel Anda yang sebenarnya, bukan wireframe placeholder. Lihat beberapa pendekatan visualisasi data berdampingan dan pilih arah yang sesuai.

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

Potong perancah, tetap dalam alur

Hindari pekerjaan berulang dalam membuat grid dasbor, struktur kartu, dan wadah bagan dari awal. Jelaskan apa yang Anda butuhkan dan biarkan agen yang menangani pengaturannya, sementara Anda fokus pada keputusan desain yang penting.

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

Selaraskan tim Anda pada setiap iterasi

Setiap dasbor tersimpan dalam file yang sama dengan yang digunakan tim Anda. Para pemangku kepentingan dapat melihat riwayat prompt lengkap, konteks, dan revisi. Tidak ada yang hilang saat diekspor atau tersembunyi dalam dokumen serah terima terpisah.

Fitur-fitur di balik dasbor

Melihat 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

    Arahkan agen tersebut ke sistem desain Anda, dan agen tersebut akan menghasilkan dasbor menggunakan komponen asli, token warna, dan variabel spasi Anda yang siap untuk produksi.

  • 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

    Prompt paralel

    Jelajahi beberapa arah dasbor sekaligus. Jalankan prompt secara paralel untuk membandingkan tata letak, visualisasi data, dan hierarki informasi tanpa menunggu.

  • 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 akan melihat prompt lengkap, konteks, serta riwayat iterasi di balik setiap dasbor. Tidak diperlukan serah terima 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 keterampilan

    Ubah prompt dasbor terbaik Anda menjadi keterampilan yang dapat digunakan kembali. Jalankan kembali dengan satu perintah kapan pun Anda membutuhkan tata letak serupa.

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 agen

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

  • Deskripsikan dasbor Anda

    Beritahu agen tentang jenis dasbor yang Anda butuhkan, diantaranya metrik, tipe data, preferensi tata letak. Arahkan ke pustaka desain Anda agar agen tersebut menggunakan komponen asli Anda.

  • Tinjau di kanvas.

    Periksa dasbor yang dihasilkan pada kanvas Anda. Sempurnakan di utas yang sama atau buat utas baru untuk menjelajahi arah yang berbeda.

  • Terus lakukan iterasi.

    Berikan prompt lagi untuk menyesuaikan grafik, mengatur ulang kartu, atau menukar komponen. Semuanya tetap dapat diedit sehingga Anda bisa menyempurnakannya secara manual atau memberikan prompt hingga hasilnya sesuai.

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 percakapan singkat: 'Hai Figma, bisakah Anda membuat tata letak berbeda untuk aplikasi membaca saya?'Layar pembuka playground agen Figma dengan tombol 'Mulai' dan contoh 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

Agen dasbor AI membantu Anda membuat tata letak visualisasi data berdasarkan prompt teks. Dengan agen Figma, Anda cukup mendeskripsikan dasbor yang Anda butuhkan—metrik, bagan, jenis data—dan agen tersebut akan membuat tata letaknya langsung di kanvas Anda menggunakan komponen sistem desain Anda. Fitur ini terintegrasi dalam Figma Design, sehingga Anda tidak perlu berpindah-pindah antar alat.

Agen Figma membaca prompt dan konteks kanvas Anda, lalu menghasilkan tata letak dasbor menggunakan pustaka desain yang terhubung. Agen ini memahami komponen, token, dan variabel Anda, sehingga hasilnya siap digunakan dalam produksi, bukan sekadar UI sementara. Anda dapat menjalankan beberapa prompt secara bersamaan untuk menjelajahi berbagai arah sekaligus.

Anda dapat membuat tata letak dasbor secara lengkap, menjelajahi berbagai pendekatan visualisasi data, membuat kerangka kisi kartu dan wadah bagan, serta menyempurnakan tata letak melalui prompt lanjutan. Agen Figma menangani pekerjaan penyiapan yang berulang sehingga Anda dapat fokus menyempurnakan desain dan berkoordinasi dengan tim Anda.

Agen dasbor yang berguna harus terintegrasi dengan sistem desain Anda, menghasilkan komponen asli alih-alih placeholder, mendukung eksplorasi paralel, dan memastikan semua elemen tetap dapat diedit. Agen Figma melakukan semua hal ini secara bawaan di kanvas Anda, dengan utas yang dapat dibagikan sehingga tim Anda dapat melihat konteks lengkap di balik setiap iterasi.

Agen Figma tersedia di semua paket berbayar Figma. Anda akan menemukannya di bilah navigasi sebelah kiri di Figma Design. Selama masa beta terbuka 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