Lewati ke konten utama

Figma Design

Diciptakan untuk tampilan yang luas.
Sempurna hingga ke setiap piksel.

Bekerja sesuai keinginan Anda—baik itu membangun sistem desain, mengedit dengan bantuan AI, maupun menyempurnakan detailnya.

Kanvas tanpa batas untuk ekspresi tanpa batas.

Gambar, buat animasinya, dan wujudkan persis seperti yang Anda bayangkan.

  • Tambahkan gerakan

    Buat animasi yang presisi, bangun sistem gerak yang dapat digunakan kembali, dan hasilkan animasi yang siap digunakan oleh pengembang.

  • Ilustrasi apel merah dengan latar belakang berwarna biru, hijau, dan biru muda.Ilustrasi apel merah dengan latar belakang berwarna biru, hijau, dan biru muda.

    Buat ilustrasi yang detail

    Buat desain yang presisi hingga tingkat piksel dengan pengeditan vektor. Gunakan kuas vektor, pengaturan garis lanjutan, pengisian warna, dan masih banyak lagi.

  • Prompt yang meminta agen Figma untuk menampilkan eksplorasi desain lainnya untuk layar yang dipilihPrompt yang meminta agen Figma untuk menampilkan eksplorasi desain lainnya untuk layar yang dipilih

    Berkomunikasi dengan Figma

    Minta agen AI Figma untuk menghasilkan ide desain baru, melakukan pengeditan teks dan gambar secara massal, serta menerapkan sistem desain Anda. Semua fitur tersebut sudah terintegrasi langsung ke dalam kanvas.

Ketahui hal yang akan dialami pengguna Anda sebelum Anda membangun.

Wujudkan ide desain Anda. Kemudian kembangkan hingga menjadi prototipe berbasis kode yang dapat dilihat, dirasakan, dan ditanggapi oleh tim Anda.

  • Edit menggunakan prompt, desain, atau kode

    Buat prototipe dengan tingkat ketelitian tinggi di Figma Make, lalu sempurnakan detailnya sesuai cara kerja yang Anda sukai—baik melalui desain, kode, maupun prompt.

  • Ilustrasi prototipe Make yang tertanam berupa kompas digital yang mengarah ke tenggaraIlustrasi prototipe Make yang tertanam berupa kompas digital yang mengarah ke tenggara

    Penyematan prototipe Make di mana saja

    Masukkan prototipe Anda ke dalam Figma Design, FigJam, dan Figma Slides agar tim Anda dapat menjelajahi, berinteraksi, dan memberikan masukan yang lebih baik.

Produk yang Anda sukai didesain menggunakan Figma

Kami semua bekerja di satu platform, bukan menggunakan berbagai alat. Hal ini membantu mengurangi pergantian konteks dan biaya, tetapi yang terpenting adalah kecepatan dan kemudahan. Figma memiliki semua yang kami butuhkan.

Adam Morris

Kepala Desain Produk, The Economist

  • 95%

    95% perusahaan dalam Fortune 500 menggunakan Figma

Berdasarkan data per Maret 2025.

  • logo airbnb
  • logo atlassian
  • logo dropbox
  • logo duolingo
  • logo github
  • logo microsoft
  • logo netflix
  • logo pentagram
  • logo slack
  • logo stripe
  • logo the new york times
  • logo zoom

Bangun sistem desain terbaik di industri ini.

Buatlah satu sumber informasi tepercaya yang memungkinkan seluruh organisasi Anda secara konsisten membangun produk berkualitas.

  • Make secara sengaja mendesain pengaturan default

    Standardisasi gaya, komponen, variabel, dan mode agar semuanya, mulai dari warna hingga padding dan gerak, dapat diselaraskan dengan baik di seluruh produk dan merek Anda.

  • Jenis huruf, warna, dan komponen sistem desain yang dapat dipilihJenis huruf, warna, dan komponen sistem desain yang dapat dipilih

    Sistem yang dapat digunakan oleh seluruh tim Anda

    Bagikan pustaka, komponen, font, dan lainnya di seluruh organisasi Anda agar semua orang dapat membangun produk berdasarkan fondasi yang sama—baik untuk satu merek maupun banyak merek.

Kode dan desain saling melengkapi.

Semua desain Anda terhubung dengan kode nyata yang siap diproduksi. Apa yang Anda rencanakan adalah apa yang akan diluncurkan.

  • Dari desain hingga kode, lalu kembali lagi

    Server Figma MCP menyediakan konteks desain bagi alat pemrograman berbasis agen—seperti variabel dan komponen—sehingga Anda dapat membuat desain melalui prompt, kode, atau desain langsung.

  • Perhatijan setiap detail dalam pengembangan Anda

    Hubungkan sistem desain Anda langsung ke basis kode Anda menggunakan Code Connect, sehingga para pengembang mendapatkan kode yang nyata dan berfungsi.

Dilengkapi dengan fitur canggih yang disukai para desainer

  • Figma Motion

    Baru
    Rangkaian gerakan dan kurva sedang disesuaikan pada sebuah ikonRangkaian gerakan dan kurva sedang disesuaikan pada sebuah ikon

    Buat animasi dengan kontrol garis waktu atau bantuan agen, perluas sistem desain Anda untuk menyertakan gerakan, dan rilis dengan ekspor yang siap dikembangkan.

  • Alat Figma Weave (Beta)

    Baru
    Pencahayaan disesuaikan dengan Cahaya Bulan pada foto bukit pasir di gurunPencahayaan disesuaikan dengan Cahaya Bulan pada foto bukit pasir di gurun

    Pilih dari daftar alur kerja AI yang sudah disiapkan untuk membuat gambar dan vektor langsung di Figma.

  • Plugin Generatif (Beta)

    Baru
    UI plugin pembuat peta dengan opsi mode terang dan gelap, interaktivitas, pin, dan warnaUI plugin pembuat peta dengan opsi mode terang dan gelap, interaktivitas, pin, dan warna

    Gunakan plugin yang dapat digunakan kembali milik Anda langsung di kanvas dengan fitur agen dari Figma. Plugin tersebut dapat dibagikan di seluruh organisasi Anda.

  • Shader (Beta)

    Baru
    Shader peta gradien dengan opsi warna dan pencampuranShader peta gradien dengan opsi warna dan pencampuran

    Buat efek shader dan pengisian warna khusus untuk digunakan dalam desain, dengan dukungan ekspor ke Figma Make dan platform lain melalui Figma MCP.

  • Agen Figma (Beta)

    Bekerja sama dengan agen untuk membuat dan memodifikasi desain, mengotomatiskan tugas rutin, serta mendapatkan masukan mengenai desain.

  • Server MCP

    Hubungkan Figma ke alat eksternal agar agen AI dapat membaca, merujuk, dan bertindak berdasarkan desain Anda sebagai bagian dari alur kerja Anda.

  • Kuas

    Memilih dari berbagai jenis sapuan kuas untuk menyelesaikan ilustrasi seekor anjingMemilih dari berbagai jenis sapuan kuas untuk menyelesaikan ilustrasi seekor anjing

    Warnai dan tambahkan detail yang digambar tangan langsung di file desain Anda dengan alat kuas yang menghasilkan sapuan yang alami dan bertekstur.

  • Tekstur

    Tambahkan kedalaman dan detail pada desain apa pun dengan efek seperti bayangan, blur, noise, tekstur, dan kaca.

  • Alat vektor

    Buat ikon, ilustrasi, dan bentuk kustom dengan rangkaian lengkap alat menggambar dan mengedit vektor.

  • Vektorisasi

    Ubah gambar datar dan statis apa pun menjadi vektor yang dapat diedit dan diskalakan dalam hitungan detik.

  • Komponen

    Buat elemen UI yang dapat digunakan kembali sekali saja, lalu gunakan di seluruh file Anda, sehingga desain tetap konsisten dan mudah diperbarui.

  • Variabel

    Berbagai variabel seperti font, spasi, dan warna yang ditampilkan sehubungan dengan suatu peristiwa pada aplikasi yang sedang berjalanBerbagai variabel seperti font, spasi, dan warna yang ditampilkan sehubungan dengan suatu peristiwa pada aplikasi yang sedang berjalan

    Gunakan nilai yang dapat digunakan kembali untuk warna, spasi, teks, dan lainnya sehingga perubahan diterapkan secara menyeluruh pada semua desain.

  • Slot

    Sesuaikan komponen—seperti dropdown, jendela modal, dan kartu—tanpa melepaskannya, sehingga konten dapat menyesuaikan diri tanpa merusak struktur.

  • Periksa desain

    Baru
    Perbandingan desain secara berdampingan yang menampilkan 3 warna yang perlu diperbarui agar sesuai dengan sistem desainPerbandingan desain secara berdampingan yang menampilkan 3 warna yang perlu diperbarui agar sesuai dengan sistem desain

    Bandingkan desain Anda dengan sistem desain, lihat bagian yang tidak sesuai, lalu terapkan perbaikan yang tepat hanya dengan satu klik.

  • Tata letak otomatis

    Dua varian dari satu desain yang ukurannya disesuaikan menggunakan fitur tata letak otomatisDua varian dari satu desain yang ukurannya disesuaikan menggunakan fitur tata letak otomatis

    Buatlah bingkai yang ukurannya berubah dan tata letaknya menyesuaikan secara otomatis seiring perubahan konten, sehingga desain Anda dapat beradaptasi tanpa perlu penyesuaian manual.

  • Grid

    Padding dalam grid foto sedang disesuaikanPadding dalam grid foto sedang disesuaikan

    Buat tata letak yang fleksibel seperti bento, kartu, dan galeri dengan kontrol yang presisi atas jarak, ukuran, dan struktur.

  • Multi-edit

    Pilih dan edit beberapa objek di berbagai bingkai dan kumpulan komponen sekaligus.

  • Percabangan dan penggabungan

    Kerjakan perubahan desain di cabang yang terpisah, lalu gabungkan kembali ke cabang utama saat sudah siap, tanpa mengganggu file utama.