Pengimpor Warna CSS
CSS warna menjadi gaya warna FramerFramer dengan plugin yang kuat ini, mendukung ekstraksi dan impor warna dengan mudah sambil menjaga token desain.
Plugin yang kuat yang mengubah sistem warna CSS menjadi gaya warna FramerFramer, memungkinkan akses langsung sambil mempertahankan token desain.
Apa itu CSS Color Importer?
CSS Color Importer menjembatani kesenjangan antara alur kerja CSS dan sistem desain FramerFramer. Ini mengekstrak dan mengimpor warna sambil menjaga makna dan struktur.
Fitur Utama
Pendeteksian warna pintar: Mengidentifikasi dan mengekstrak semua nilai warna dari file CSS secara otomatis
Dukungan mode gelap: Menangani variasi mode terang/gelap melalui media query, kelas CSS, dan atribut data
Metode input fleksibel: Dukungan untuk mengunggah file CSS atau menempelkan konten CSS secara langsung
Penguraian cerdas: Mendukung warna hex, RGB, HSL, penamaan warna, dan variabel CSS dengan fallback
Pembersihan pintar: Mengelompokkan warna berdasarkan awalan dan mempertahankan aturan penamaan
Opsi kustom pengguna: Memilih untuk menggabungkan atau mempertahankan variasi terang/gelap secara terpisah
Impor selektif: Memungkinkan pemilihan tepat warna yang akan diimpor ke dalam proyek FramerFramer
Penyimpanan pengaturan: Mengingat pengaturan preferensi pengguna untuk impor di masa depan
Cara Penggunaan
Pasang plugin dari FramerFramer Marketplace
Unggah file CSS atau tempelkan konten CSS
Lihat pratinjau warna yang diekstraksi dan variasi terang/gelap
Atur opsi seperti menghapus awalan, menggabungkan variasi, dll.
Pilih warna yang akan diimpor
Impor langsung sebagai gaya warna FramerFramer
Kenapa Harus Menggunakan Plugin Ini?
Tidak perlu membangun sistem warna dari awal. Plugin ini dengan cerdas mengubah warna CSS yang sudah ada menjadi gaya warna native FramerFramer, menghemat banyak waktu desain.
Plugin ini cocok untuk pengguna berikut:
Desainer yang memigrasikan proyek yang ada ke FramerFramer
Tim yang mempertahankan sistem warna konsisten di seluruh platform
Pengembang yang ingin memakai variabel CSS di FramerFramer
Siapapun yang menggunakan sistem desain atau perpustakaan komponen yang ada
Fungsi CSS yang Didukung
Format warna: Hex (#RGB, #RRGGBB, #RRGGBBAA), RGB/RGBA, HSL/HSLA, warna yang ditentukan
Variabel CSS: Dukungan fallback termasuk
var(--color-name)Mode Gelap:
@media (prefers-color-scheme: dark),.dark-mode,[data-theme="dark"]Aturan Penamaan: Pengaturan penghapusan awalan dapat dilakukan (misalnya penghapusan "tw-" dari warna Tailwind)
Jelajahi Lebih Banyak Plugin