Apa itu Ikon?

Ikon (Icon) adalah simbol grafis kecil yang mengekspresikan makna secara visual.
Biasanya digunakan pada tombol, menu, dan indikator informasi, dan dapat menyampaikan fungsi atau konten kepada pengguna secara intuitif tanpa teks, memberikan dampak positif pada penyederhanaan UI dan kegunaan.

Menambahkan Set Ikon Dasar

FramerFramer secara default mendukung set ikon vektor seperti Phosphor, Feather, Hero, Iconoir, dan Twemoji.

1. Pilih [+]Insert → Icons

2. Seret (klik) ikon yang diinginkan ke kanvas

3. Klik Icon pada panel properti di sebelah kanan

4. Pilih dan olah ikon yang diinginkan pada panel ikon yang terbuka

Menambahkan Ikon dengan Plugin

Dapat menambah jenis ikon dengan menginstal plugin terkait ikon (Phosphor, Bootstrap Icons, Logofy, dll.) yang ada di Framer Marketplace.

1. Klik Marketplace

2. Klik tombol Plugins pada menu atas

3. Cari set ikon yang diinginkan

4. Klik tombol Open Plugin

5. Pilih halaman yang akan ditambah ikon plugin

6. Pilih dan olah ikon yang diinginkan pada panel ikon

Catatan : Setelah memilih Plugins pada floating bar di bagian bawah halaman, cari dan jalankan plugin ikon yang diinginkan untuk membuka panel ikon langsung dari halaman. (Detail plugin tidak dapat diperiksa)

Import Langsung File Ikon SVG

File SVG dapat langsung diseret dan dilepas ke kanvas atau ditempel (macOS: ⌘+C,⌘+V Windows: Ctrl+C,Ctrl+V ) untuk digunakan sebagai ikon di FramerFramer.
Catatan : Ini adalah cara yang nyaman untuk menyisipkan dan menggunakan logo atau ikon kustom.

Artikel ini adalah terjemahan dan adaptasi dari konten blog resmi Framer ‘How to add icons’.