Lewati ke konten utama

Figma untuk desain web

Buat desain web yang indah dan responsif

Figma adalah platform online gratis tempat orang-orang merancang situs web terbaik di dunia secara kolaboratif. Mulai dari wireframe, desain, prototipe, hingga pengembangan, Figma memudahkan proses desain web.

Representasi grafis dari layar desain web yang penuh dengan ilustrasi pelangi.Representasi grafis dari layar desain web yang penuh dengan ilustrasi pelangi.

Dipercaya oleh tim di

logo hplogo pumalogo spotifylogo stripelogo the new york timeslogo netflix

Desain web responsif untuk semua perangkat

Wujudkan ide Anda dengan cepat melalui desain yang berfungsi dengan baik di mana saja.

Kursor tim memilih gaya warna dan tata letak otomatis pada halaman web.Kursor tim memilih gaya warna dan tata letak otomatis pada halaman web.

Desain lebih cepat dengan alat yang tepat

Mulai proyek Anda dengan cepat dan rancang secara konsisten dalam skala besar menggunakan alat-alat seperti tata letak otomatis, komponen, gaya, dan lainnya.

Wujudkan ide tersebut, sebelum tahap pengembangan

Tunjukkan visi Anda dengan prototipe interaktif tanpa kode. Dapatkan pengalaman web yang realistis hanya dengan beberapa klik.

Wujudkan desain Anda menjadi situs yang aktif dengan lebih cepat

Dev Mode memberikan struktur pada proses serah terima dan memudahkan pengembang untuk menemukan apa yang mereka butuhkan.

Jelajahi berbagai fitur untuk desain web

Ciptakan pengalaman web yang lebih baik, lebih cepat, dengan fitur-fitur yang membantu Anda membangun situs web secara menyeluruh dari awal hingga akhir.

File Kit Desain Komponen dengan latar belakang ungu, contoh teks tombol, dan gaya warna.File Kit Desain Komponen dengan latar belakang ungu, contoh teks tombol, dan gaya warna.

Mulailah menggunakan kit dan templat UI

Percepat alur kerja desain situs web Anda dengan kit wireframe berbasis komponen gratis yang dibuat oleh Komunitas Figma

Jelajahi Komunitas

Kursor tim mengelilingi desain aplikasi seluler. Seorang rekan berkomentar, “Arah ini terasa sangat tepat, mari kita mulai membuat prototipe.”Kursor tim mengelilingi desain aplikasi seluler. Seorang rekan berkomentar, “Arah ini terasa sangat tepat, mari kita mulai membuat prototipe.”

Undang kolaborator

Undang mitra lintas fungsi dan pemangku kepentingan untuk memberikan komentar kontekstual pada desain web Anda guna mendapatkan masukan secara langsung.

Mulai berkolaborasi

Kursor yang memilih dari menu variabel khusus untuk sebuah tombolKursor yang memilih dari menu variabel khusus untuk sebuah tombol

Selaraskan sistem desain dengan kode

Buat, kelola, dan bagikan komponen serta gaya dengan mudah, serta gunakan bahasa yang sama di seluruh file desain dan kode menggunakan token.

Pelajari lebih lanjut tentang sistem desain

Dua kursor rekan tim yang menggunakan anotasi untuk mencatat catatan desain bagi tim teknik pada halaman produk e-commerce.Dua kursor rekan tim yang menggunakan anotasi untuk mencatat catatan desain bagi tim teknik pada halaman produk e-commerce.

Bangun dengan Dev Mode

Buat desain web Anda lebih jelas dan berikan para pengembang alat yang mereka butuhkan untuk mengubahnya menjadi kode.

Masuk ke Dev Mode

Terlepas dari bidangnya, setiap orang memiliki satu tempat terpusat untuk melihat, memahami, dan berkontribusi pada pekerjaan tersebut.

Lauren LoPrete, Design Systems Lead Dropbox

logo dropbox
Baca ceritanya

Sumber daya tambahan untuk pengembang web

Logo Figma pada latar belakang beraneka warna, dengan obrolan kursor kuning bertuliskan “Sweeeeet!”Logo Figma pada latar belakang beraneka warna, dengan obrolan kursor kuning bertuliskan “Sweeeeet!”

Bagaimana kami membangun sistem desain situs web kami

Tinjauan tentang cara tim pemasaran Figma membangun sistem desain untuk figma.com secara berkelanjutan.

Baca artikelnya

Hasil pencarian untuk “web” di komunitas Figma.Hasil pencarian untuk “web” di komunitas Figma.

Sumber daya komunitas untuk desain web

Temukan inspirasi, alat, dan templat untuk desain web, yang dibuat dan dipilih oleh komunitas Figma.

Jelajahi Komunitas

Kursor sedang membuat tautan prototipe yang menghubungkan halaman arahan produk berwarna ungu ke halaman detail.Kursor sedang membuat tautan prototipe yang menghubungkan halaman arahan produk berwarna ungu ke halaman detail.

Panduan Figma untuk membuat prototipe

Pelajari cara memulai dengan fitur membuat prototipe di Figma.

Dapatkan panduan

Pertanyaan yang Sering Diajukan