Panduan Figma untuk Skripsi: Tutorial Dasar, Kapan Dipakai, Kesalahan Umum, dan Biaya Bimbingan

Oleh Skriptas · 22 Oktober 2026 · 4 menit baca

Panduan lengkap Figma untuk skripsi: persiapan, 6 langkah dasar, kapan tepat dipakai, 3 kesalahan umum beserta solusinya, checklist, dan biaya bimbingan…

Figma adalah alat desain antarmuka dan prototipe daring untuk merancang tampilan aplikasi atau website sebelum dikembangkan; dipakai di skripsi sistem informasi, informatika, dan DKV. Panduan ini merangkum semua yang biasanya ditanyakan mahasiswa tentang Figma: apa saja yang perlu disiapkan, langkah dasarnya, kapan Figma tepat dipakai untuk skripsi, kesalahan yang sering terjadi, checklist sebelum bimbingan, sampai biaya bila Anda ingin didampingi.

Apa itu Figma dan untuk apa dipakai di skripsi

Prototipe aplikasi

Mockup untuk skripsi pengembangan sistem.

Uji kegunaan

Usability testing dengan SUS atau task success.

Desain sistem

Lampiran rancangan antarmuka.

Apa yang perlu disiapkan sebelum membuka Figma

Persiapan yang rapi membuat pekerjaan di Figma jauh lebih cepat dan mengurangi revisi. Pastikan hal-hal berikut sudah siap.

Daftar fitur dan alur pengguna
Akun Figma (gratis)
Referensi desain atau pedoman warna

Langkah dasar memakai Figma

Urutan berikut adalah alur kerja yang paling aman untuk pemula. Kerjakan berurutan dan simpan pekerjaan Anda di setiap tahap.

Buat berkas baru dan frame sesuai ukuran layar (HP atau desktop).
Susun komponen dasar: tombol, input, kartu.
Rancang tiap halaman dengan Auto Layout.
Hubungkan halaman di mode Prototype untuk simulasi klik.
Uji prototipe ke beberapa pengguna dan catat masukan.
Ekspor gambar untuk laporan dan bagikan tautan prototipe.

Hasil yang perlu Anda baca dan catat

Hasil yang paling sering dibutuhkan dari Figma adalah desain antarmuka tiap halaman dan prototipe interaktif yang bisa diklik. Catat nilai-nilai tersebut beserta pengaturan yang Anda pakai agar mudah dijelaskan saat bimbingan atau sidang.

Cara mencantumkannya di skripsi: Sajikan wireframe, mockup, dan hasil uji kegunaan di Bab IV; lampirkan tautan prototipe.

Kapan Figma tepat dipakai, dan kapan sebaiknya memakai software lain

Balsamiq cocok untuk wireframe kasar; Adobe XD serupa; Figma paling umum dan gratis untuk mahasiswa. Keputusan memilih software sebaiknya mengikuti rumusan masalah dan jenis data Anda, bukan sekadar kebiasaan di kampus. Kalau ragu, bandingkan dulu kebutuhan analisis Anda dengan kemampuan tiap software di daftar software dan harga.

3 kesalahan umum di Figma dan cara mengatasinya

Banyak kendala di Figma berulang dari satu mahasiswa ke mahasiswa lain. Mengenalinya lebih awal menghemat waktu dan mengurangi revisi.

Masalah	Cara mengatasi
Ukuran frame tidak konsisten	Gunakan preset perangkat yang sama.
Prototipe tidak terhubung	Periksa koneksi antarframe di tab Prototype.
Warna dan font berbeda-beda	Buat style warna dan teks.

Tips supaya pekerjaan lebih lancar

Gunakan komponen untuk elemen berulang.
Beri nama frame sesuai halaman.
Simpan versi sebelum revisi besar.

Checklist sebelum menyerahkan ke pembimbing

Gunakan daftar ini sebagai pengecekan terakhir sebelum bimbingan atau sebelum meminta pendampingan.

☐ Daftar fitur dan alur pengguna
☐ Akun Figma (gratis)
☐ Referensi desain atau pedoman warna
☐ Buat berkas baru dan frame sesuai ukuran layar (HP atau desktop).
☐ Susun komponen dasar: tombol, input, kartu.
☐ Rancang tiap halaman dengan Auto Layout.
☐ Gunakan komponen untuk elemen berulang.
☐ Beri nama frame sesuai halaman.
☐ Simpan versi sebelum revisi besar.
☐ Hasil utama (desain antarmuka tiap halaman dan prototipe interaktif yang bisa diklik) sudah dicatat dan bisa dijelaskan dengan bahasa sendiri.

Bimbingan Figma via Zoom: alur, biaya, dan hasil yang didapat

Kalau Anda sudah mengikuti langkah di atas tetapi hasilnya belum sesuai, atau waktu Anda terbatas, pendampingan singkat biasanya lebih hemat daripada mencoba sendiri berulang kali. Layanan ini cocok untuk mahasiswa S1, S2, dan S3 yang memakai Figma untuk skripsi, tesis, atau tugas kuliah, sudah punya bahan penelitian, dan ingin paham prosesnya, bukan sekadar menerima hasil.

Konsultasi gratis lewat WhatsApp: ceritakan kebutuhan, tenggat, dan pedoman kampus.
Estimasi waktu dan biaya diberikan sebelum pekerjaan dimulai, tanpa komitmen.
Sesi pendampingan lewat Zoom: Anda menjalankan software, saya memandu langkahnya.
Serah hasil dan revisi sesuai kesepakatan.

Biaya: Bimbingan Figma via Zoom mulai Rp35.000 per sesi Zoom. Angka pasti bergantung pada durasi dan kerumitan kasus, dan selalu disampaikan di awal. Daftar harga semua layanan ada di halaman biaya, contoh hasil pengerjaan ada di portofolio.

Prinsip kerja: Skriptas membantu proses teknis, bukan menggantikan penulis. Isi, gagasan, dan hasil analisis tetap karya Anda, dan berkas Anda hanya dipakai untuk pengerjaan yang diminta.

Pertanyaan yang sering diajukan

Apa yang perlu disiapkan sebelum memakai Figma?

Daftar fitur dan alur pengguna; Akun Figma (gratis); Referensi desain atau pedoman warna.

Kapan Figma kurang cocok dan apa alternatifnya?

Balsamiq cocok untuk wireframe kasar; Adobe XD serupa; Figma paling umum dan gratis untuk mahasiswa.

Bagaimana mencantumkan hasil Figma di skripsi?

Sajikan wireframe, mockup, dan hasil uji kegunaan di Bab IV; lampirkan tautan prototipe.

Apakah Skriptas mengerjakan analisis saya atau saya yang mengerjakan sendiri?

Pada sesi bimbingan, Anda yang mengoperasikan Figma di layar sendiri sambil saya memandu langkah, memeriksa asumsi, dan menjelaskan cara membaca hasil. Dengan begitu Anda bisa menjelaskannya sendiri saat bimbingan dan sidang.

Berapa biaya bimbingan Figma via Zoom di Skriptas?

Bimbingan Figma via Zoom mulai Rp35.000 per sesi Zoom. Estimasi pasti diberikan setelah konsultasi gratis lewat WhatsApp, sebelum pekerjaan dimulai.

Berapa lama prosesnya?

Satu sesi Zoom menyesuaikan kerumitan kasus dan disepakati di awal. Kasus sederhana biasanya selesai dalam satu sesi, kasus berlapis bisa memerlukan beberapa sesi.