Tombol Logo FramerFramer

• Terletak di paling kiri toolbar.

• Dapat membuka menu terkait proyek (membuat baru, memuat, pengaturan, dll.).

• Berfungsi mirip dengan menu bar Mac.

Insert

• Ditampilkan dengan ikon +.

• Membuka panel untuk menyisipkan berbagai elemen seperti teks, tombol, gambar, dan komponen. (Shortcut:
  I)

• Bagaikan kotak alat bagi desainer.

Layout

• Digunakan ketika menyisipkan frame atau layout grid.

• Berguna untuk merancang desain web responsif.

Text

• Dapat menyisipkan kotak teks.

• Bisa langsung diinput atau ditentukan posisinya setelah di klik.

Vector

• Dapat menggambar bentuk dasar atau jalur (Path) custom.

• Digunakan untuk pekerjaan logo, ikon, dan ilustrasi.

CMS

• Digunakan untuk memasuki panel sistem manajemen konten (CMS).

• Cocok untuk menyusun dan mengelola konten berulang seperti blog dan daftar produk.

Project Name

• Dapat mengubah nama proyek atau mengubah lokasi foldernya dengan klik.

• Jika situs sudah dipublikasikan, URL situs akan muncul di sebelahnya dan bisa langsung dibuka dengan klik.

Tampilan Kolaborator

• Menampilkan gambar profil anggota tim yang sedang terhubung dalam proyek ini.

• Kemungkinan kolaborasi real-time, dan Anda bisa memeriksa siapa yang melakukan tugas apa saat melayang di atas.

Lokalisasi

• Dapat mengatur bahasa dan pengaturan lokasi proyek. Saat membuat situs web multi-bahasa, pengaturan ini memungkinkan Anda menampilkan konten perwilayah.

• Memungkinkan menghubungkan URL terpisah atau mengatur teks berbeda untuk setiap bahasa.

Pengaturan

• Ini adalah jendela pengaturan terperinci untuk halaman saat ini atau seluruh situs.

• Anda dapat menyesuaikan berbagai pengaturan lingkungan seperti SEO, Favicon, Open Graph, dan warna latar belakang situs web di sini.

• Pengaturan tampilan awal untuk tampilan mobile dan desktop juga dapat diubah di sini.

Mode Preview

• Adalah mode di mana Anda dapat melihat pratinjau halaman yang dibuat seperti di browser nyata.

• Berguna untuk menguji tampilan responsif atau memeriksa cara kerja interaksi.

• Cepat karena Anda dapat memeriksanya langsung dalam FramerFramer tanpa harus membuka tab baru.

Tombol Invite

• Dapat mengundang pengguna lain sebagai kolaborator dalam proyek ini.

• Dapat mengundang melalui alamat email atau akun FramerFramer, dan mendukung pengaturan hak akses (hanya lihat, bisa edit, dll.).

Tombol Publish

• Adalah fitur untuk mempublikasikan situs web ke internet yang sebenarnya.

• Setelah dipublikasikan sekali, URL publik akan dihasilkan, dan setelah itu Anda dapat mengupdate setiap kali ada perubahan.

Pages

• Mengelola setiap halaman dalam proyek. Dapat membuat atau mengedit yang baru.

Layers

• Menampilkan semua elemen (teks, tombol, frame, dll.) dalam halaman saat ini sebagai hierarki.

• Melalui Page Switcher di bagian atas, Anda juga bisa langsung beralih ke halaman lain.

Assets

• Bisa mengelola komponen, gaya, dan file kode yang ada dalam proyek di satu tempat. Bagi yang sudah menggunakan Figma, akan terasa hampir sama seperti panel Layers.

Panel Properti

• Sebuah panel berbasis konteks yang berubah berdasarkan elemen yang dipilih.

• Jika memilih kotak teks, pengaturan terkait teks seperti font, ukuran, dan jarak muncul, dan jika memilih Breakpoint, hanya pengaturan terkait layout responsif yang terlihat.

Alat Pan

• Adalah alat yang memungkinkan Anda bergerak bebas di kanvas.

• Sambil menekan Spacebar, Anda dapat menyeret untuk memindahkan seluruh layar.

• Sebagai alat operasi dasar yang sering digunakan ketika ruang kerja menjadi lebih luas.

Alat Komentar

• Adalah alat untuk meninggalkan masukan dan catatan pada desain.

• Anda dapat mengklik posisi yang diinginkan untuk memasukkan komentar, sangat berguna saat berkolaborasi.

• Memungkinkan komunikasi real-time, membuat alur kerja lebih efisien.

Transisi Mode Siang/Malam

• Dapat mengubah interface sekaligus tema situs ke mode terang/gelap.

• Bermanfaat saat memeriksa kontras visual selama desain, atau menguji layar pratinjau dalam berbagai situasi.

Alat Zoom

• Dapat memperbesar/memperkecil kanvas untuk menyesuaikan area kerja.

• Shortcut:
  Zoom to Fit: Shift + 1 (Tampilan menyeluruh)
  Zoom to Selection: Shift + 2 (Tampilan fokus pada elemen terpilih)
  Zoom to 100%: Shift + 0 (Tampilan ukuran asli)

• Jika terus bekerja dalam keadaan zoom, bisa membingungkan rasio sebenarnya, jadi sebaiknya sesekali memeriksa dengan 100%.