Lewati ke konten utama

Periksa aksesibilitas langsung di kanvas

Audit rasio kontras, keterbacaan teks, area sentuh, dan pertimbangan buta warna dengan AI langsung di Figma Design. Temukan masalah sebelum handoff, bukan setelah peluncuran.

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

Audit aksesibilitas yang sesuai alur kerja Anda

Agen Figma memeriksa desain yang sesungguhnya langsung di kanvas, dan menandai masalah di tempat yang bisa langsung Anda perbaiki.

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

Temukan masalah sebelum dipublikasikan

Agen Figma memindai desain Anda untuk mencari kontras yang kurang baik, area sentuh yang terlalu kecil, label yang hilang, dan kombinasi warna yang bermasalah bagi pengguna dengan buta warna. Temukan masalah lebih awal, bukan di tahap QA.

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

Kurangi pekerjaan audit berulang, jaga fokus Anda

Serahkan pekerjaan memeriksa setiap tombol, layer teks, dan kombinasi warna satu per satu, sehingga Anda bisa fokus menyelesaikan masalah yang benar-benar penting bagi pengguna.

Panel agen AI Figma menunjukkan masukan tim yang disintesis ke dalam desainPanel agen AI Figma menunjukkan masukan tim yang disintesis ke dalam desain

Selaraskan seluruh tim

Masukan aksesibilitas tercermin di file yang sama tempat tim Anda bekerja, sehingga developer tahu persis apa yang perlu diperbaiki, dan desainer bisa menyelesaikan masalah sebelum handoff.

Fitur di balik proses audit

Pandangan lebih dekat tentang apa yang membedakan agen Figma, dibangun untuk cara kerja tim desain yang sesungguhnya.

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

    Audit berdasarkan pustaka desain

    Periksa komponen sistem desain Anda untuk masalah aksesibilitas, sehingga perbaikannya berlaku di semua tempat komponen tersebut digunakan.

  • 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 pemeriksaan secara paralel

    Audit beberapa frame atau alur sekaligus, sehingga Anda bisa memahami status aksesibilitas seluruh file tanpa harus menunggu.

  • Tangkapan layar dari thread percakapan AI Figma yang dibagikan dengan komentar desainTangkapan layar dari thread percakapan AI Figma yang dibagikan dengan komentar desain

    Thread yang bisa dibagikan

    Bagikan thread audit agar tim dapat melihat seluruh konteks, masalah yang ditandai, dan perbaikan yang sudah diterapkan. Tidak perlu membuat laporan terpisah.

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

    Sempurnakan dengan prompt lanjutan

    Minta analisis lebih detail untuk masalah tertentu, minta alternatif, atau perkecil cakupan audit dengan prompt tambahan.

Figma terasa seperti perpanjangan tangan saya sendiri. Saya menyusun ide desain di kanvas, lalu agen menyelesaikan sisanya. Setelah pustaka desain terhubung, saya bisa berpindah dari desain ke kode lebih cepat dari sebelumnya.

Andy Madrick
Product Designer, Notion

Logo Notion

Mulai gunakan agen Figma

  • Pilih yang ingin diaudit

    Buka file di Figma Design dan pilih frame, komponen, atau layar yang ingin diperiksa aksesibilitasnya.

  • Minta audit

    Beri tahu agen apa yang ingin diperiksa — rasio kontras, ukuran area sentuh, simulasi buta warna — atau minta peninjauan aksesibilitas secara keseluruhan.

  • Tinjau hasil temuan

    Agen menandai masalah langsung di kanvas dengan panduan yang spesifik. Perbaiki di tempat, atau minta usulan perbaikan.

  • Lanjutkan penyempurnaan

    Jalankan pemeriksaan tambahan setelah melakukan perubahan, atau audit layar lain. Semuanya tersimpan di file dan bisa dijadikan referensi tim.

Jadilah ahli dalam menggunakan agen

  • Agen desain Figma sudah hadir

    Tonton agen AI Figma dalam aksi dan lihat cara menerapkannya dalam alur kerja Anda sendiri.

    Baca selengkapnya
  • Layar pembuka playground agen Figma dengan tombol 'Mulai' dan contoh prompt chat: 'Hai Figma, bisakah Anda membuat beberapa tata letak untuk aplikasi membaca saya?Layar pembuka playground agen Figma dengan tombol 'Mulai' dan contoh prompt chat: 'Hai Figma, bisakah Anda membuat beberapa tata letak untuk aplikasi membaca saya?

    Coba bekerja dengan agen Figma

    Playground praktis untuk menjelajahi kemampuan agen Figma — dari pengeditan massal hingga penerapan masukan — dengan panduan langkah demi langkah yang sudah tersedia.

    Mulai
  • Cara menggunakan agen Figma dalam alur kerja desain Anda

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

    Tonton sekarang

Pertanyaan yang Sering Diajukan

Pemeriksa aksesibilitas AI adalah alat yang secara otomatis memindai desain atau antarmuka untuk mencari masalah yang dapat memengaruhi pengguna dengan disabilitas — seperti kontras yang rendah, area sentuh yang terlalu kecil, atau kombinasi warna yang bermasalah bagi pengguna buta warna. Agen Figma melakukan pemeriksaan ini langsung di kanvas, menandai masalah di tempat yang bisa langsung ditindaklanjuti, bukan menemukannya di tahap development yang sudah lanjut.

Agen Figma dapat mendeteksi rasio kontras yang tidak sesuai pedoman WCAG, teks yang terlalu kecil sehingga sulit dibaca, area sentuh di bawah ukuran yang direkomendasikan, dan kombinasi warna yang bermasalah bagi berbagai jenis buta warna. Agen juga dapat menandai struktur yang kurang mendukung pembaca layar. AI dapat mendeteksi banyak masalah umum, tetapi peninjauan manual tetap penting untuk masalah aksesibilitas yang bergantung pada konteks.

Pilih frame atau layar yang ingin diaudit di Figma Design, lalu buka agen dari panel sisi kiri atau tekan CMD + Enter. Jelaskan yang ingin diperiksa — kontras, area sentuh, buta warna — atau minta peninjauan aksesibilitas secara keseluruhan. Agen akan menandai masalah langsung di kanvas beserta panduan cara memperbaikinya.

Pemeriksa aksesibilitas AI efektif untuk masalah yang dapat diukur, seperti rasio kontras dan ukuran minimum, karena pedomannya jelas. Untuk masalah yang bergantung pada konteks — seperti apakah teks alternatif benar-benar berguna atau apakah navigasi logis — hasilnya kurang pasti dan tetap membutuhkan penilaian manusia. Agen Figma membantu menemukan masalah yang bisa diukur lebih awal, tetapi kombinasi audit AI dan peninjauan manual memberikan gambaran paling lengkap.

Agen Figma tersedia di semua paket Figma berbayar. Anda dapat menemukannya di panel sisi kiri Figma Design. Selama masa open beta saat ini, agen tidak menggunakan kredit AI — jadi ini saat yang tepat untuk mencoba, bereksperimen, dan membagikan masukan Anda kepada kami.

Powered by Fruition