- Bab 10 dari 11
- 20 menit
- 3 soal kuis
Figma AI dan Fitur Baru Config 2026
Di bab ini (8 bagian)
Tujuan bab ini
- Mengenali kemampuan Figma agent dan fitur AI lain di dalam canvas.
- Memahami bahwa ketersediaan fitur AI bergantung pada paket dan pengaturan admin.
- Mengenal fitur baru yang diumumkan di Config 2026 beserta status peluncurannya.
AI sebagai asisten, bukan pengganti
Fitur AI berkembang sangat cepat di alat desain. Di Figma, AI bekerja di dalam canvas untuk membantu pekerjaan yang membosankan dan berulang: memberi nama layer, mengisi konten contoh, merapikan desain, sampai mengubah prompt menjadi prototipe. Tujuannya membuat designer lebih cepat, bukan menggantikan penilaian desain. Keputusan tentang alur, hierarki, dan kebutuhan pengguna tetap ada di tanganmu.
Satu hal penting sebelum mulai: fitur AI bergantung pada paket langganan dan pengaturan admin. Admin dapat menonaktifkan fitur AI untuk tim atau organisasi. Jadi kalau tombol AI tidak muncul di akunmu, belum tentu kamu salah langkah.
Figma agent
Figma agent adalah asisten AI yang memahami filemu. Ia membantu membuat, mengedit, dan merapikan desain lewat percakapan. Sejak Config 2026, Figma agent tersedia untuk pengguna paket berbayar, dan fitur ini bisa dinonaktifkan oleh admin.
Karena agent memahami file, permintaanmu bisa merujuk isi file secara langsung. Contoh permintaan yang masuk akal:
- "Rapikan jarak di semua kartu produk di page ini agar memakai kelipatan 8."
- "Buat versi mode gelap dari layar Login."
- "Ganti semua tombol yang masih berupa frame biasa dengan instance komponen Button."
Perhatikan bahwa contoh-contoh ini memakai konsep dari bab sebelumnya: spacing, mode, dan komponen. Semakin paham kamu tentang dasar Figma, semakin tepat permintaan yang bisa kamu berikan, dan semakin mudah kamu menilai apakah hasil agent sudah benar.
Fitur AI lain di canvas
| Fitur | Fungsi |
|---|---|
| Figma Make | Mengubah prompt atau desain menjadi prototipe berkode |
| Rename layers | Memberi nama layer secara otomatis dan rapi |
| Teks dan gambar placeholder | Mengisi konten realistis tanpa lorem ipsum |
| Edit gambar | Menghapus latar belakang dan meningkatkan resolusi |
| Visual search | Mencari desain serupa dari gambar atau seleksi |
Contoh pemakaian sehari-hari
Bayangkan kamu baru selesai membuat lima layar dengan cepat. Panel Layers penuh dengan nama seperti "Frame 238" dan "Rectangle 14". Rename layers bisa memberi nama yang bermakna dalam sekali jalan. Hasilnya tetap perlu kamu periksa, tetapi jauh lebih cepat daripada mengganti nama satu per satu.
Teks placeholder realistis juga berguna saat menguji desain. Kartu produk berisi "Lorem ipsum dolor" tidak menunjukkan apa yang terjadi jika nama produk panjang. Konten realistis membantu kamu menemukan masalah seperti teks yang terpotong atau kartu yang tingginya tidak seragam.
Visual search membantu saat file atau library sudah besar. Daripada menelusuri ratusan frame, kamu memilih sebuah elemen atau memasukkan gambar, lalu Figma mencarikan desain yang mirip. Ini mengurangi risiko membuat ulang sesuatu yang sebenarnya sudah ada.
Yang baru dari Config 2026
Config adalah konferensi tahunan Figma. Config 2026 berlangsung 23 sampai 25 Juni 2026 di San Francisco, dan pengumuman fitur dilakukan pada 24 Juni 2026.
| Fitur | Status | Keterangan |
|---|---|---|
| Figma Motion | Open beta | Timeline animasi native dengan keyframe dan preset, langsung di canvas |
| Code layers | Bertahap | Mengubah layer menjadi kode interaktif berbasis React di canvas |
| Shaders | Paket berbayar | Fill dan efek WebGPU, bisa dibuat lewat Figma agent |
| Weave tools | Professional ke atas | Alur kerja visual generatif berbasis node di Figma |
| Generative plugins | Paket berbayar | Membuat plugin khusus cukup dari prompt |
| Figma agent | Paket berbayar | Kini dengan skills, connectors, dan MCP |
Sebagian besar fitur ini diluncurkan bertahap atau masih beta. Artinya, tampilan di akunmu bisa berbeda dari akun temanmu, atau berbeda dari materi ini. Untuk informasi terbaru, rujuk halaman "What's new from Config 2026" di pusat bantuan Figma.
Menghubungkan dengan materi sebelumnya
Beberapa fitur baru ini melanjutkan konsep yang sudah kamu pelajari:
- Shaders adalah jenis fill baru, sejajar dengan solid, gradient, dan image di bab warna.
- Generative plugins memperluas ekosistem plugin di Figma Community.
- Code layers dan Figma Make memperdekat jarak antara desain dan kode, sama seperti Dev Mode dan Code Connect.
- Figma agent dengan MCP sejalan dengan MCP server di Dev Mode, yaitu menghubungkan desain dengan alat berbasis AI.
Polanya jelas: Figma terus bergerak menuju satu tempat untuk ide, desain, prototipe, dan kode.
Memakai AI dengan bijak
- Periksa hasilnya. Nama layer, teks, dan perubahan desain dari AI tetap perlu ditinjau sebelum diserahkan ke developer.
- Pahami dasarnya dulu. Agent bisa merapikan Auto Layout, tetapi kamu perlu paham Auto Layout untuk tahu apakah hasilnya benar.
- Perhatikan kebijakan tim. Ikuti pengaturan admin, terutama untuk file klien atau kantor.
- Jangan bergantung pada fitur beta. Fitur yang masih beta atau bertahap bisa berubah, jadi jangan jadikan satu-satunya cara menyelesaikan pekerjaan penting.
Kesalahan umum
- Mengira fitur AI tidak ada karena tidak muncul di akun, padahal dinonaktifkan admin atau butuh paket berbayar.
- Menerima hasil Rename layers atau placeholder tanpa memeriksanya.
- Menganggap semua fitur Config 2026 sudah tersedia untuk semua orang.
Rangkuman
- Figma agent adalah asisten AI yang memahami file dan membantu membuat, mengedit, serta merapikan desain lewat percakapan, tersedia untuk paket berbayar sejak Config 2026.
- Admin dapat menonaktifkan fitur AI untuk tim atau organisasi.
- Fitur AI lain meliputi Figma Make, Rename layers, teks dan gambar placeholder, edit gambar, dan visual search.
- Config 2026 (23 sampai 25 Juni 2026, San Francisco) memperkenalkan Figma Motion, Code layers, Shaders, Weave tools, generative plugins, dan agent dengan skills, connectors, dan MCP.
- Sebagian besar fitur baru diluncurkan bertahap atau masih beta, jadi ketersediaannya bisa berbeda per akun.
Slide 30 sampai 32 dari deck Menguasai Figma: Desain UI/UX dari Dasar hingga Handoff. Penjelasan lengkapnya ada di mode Baca.

Selesaikan bab ini
- 1. Baca materi
- 2. Kuis (3 soal)
Cek pemahaman
1Siapa yang dapat menonaktifkan fitur AI untuk tim atau organisasi?
2Fitur Config 2026 yang berupa timeline animasi native dengan keyframe adalah
3Semua fitur yang diumumkan di Config 2026 langsung tersedia untuk semua akun.