swap text styles

Tukar gaya teks

Ini adalah plugin figma pribadi untuk menguji bagaimana penggunaan keluarga font yang berbeda akan muncul dalam desain yang diberikan. Ini menggunakan gaya teks lokal untuk mengidentifikasi keluarga font dan gaya untuk bertukar. Buka bagi siapa pun untuk menduplikasi ini dan mengujinya pada file mereka.

Cara menggunakan

Plugin ini bergantung pada gaya teks untuk bertukar. Untuk memulai:

1. Buat gaya teks untuk setiap keluarga font yang ingin Anda jelajahi. Pastikan untuk memiliki hierarki (menuju 1, menuju 2, dll)
2. Buat desain menggunakan salah satu gaya teks
3. Siapkan lingkungan Anda untuk menjalankan plugin Figma (lihat dokumentasi Figma)
4. Ganti area kode berikut dengan kebutuhan Anda:

• Tambahkan keluarga font dan gaya pada baris 16-74 di Code.ts.
• Tambahkan ID Gaya pada baris 93-271 di Code.ts. Anda dapat menemukannya di file dengan membuka konsol di Figma dan menjalankan figma.getLocalTextStyles (), kemudian memeriksa ID untuk setiap node.
• Sesuaikan gaya pada baris 291-353 pada kode.ts.
• Menyesuaikan bahasa pada baris 5-13 di UI.html.

5. Pilih bingkai dan jalankan plugin!

Demo

Untuk file saya, saya memiliki 9 font mulai dari menuju 1 hingga tubuh kecil. Contoh ini menunjukkan membalik dari noto sans ke Tahoma.