Panduan membaca yang dilokalisasi
figma-create-design-system-rulesTujuan, penggunaan, dan sumber
Menghasilkan aturan sistem desain khusus untuk basis kode pengguna. Gunakan saat pengguna mengatakan "buat aturan sistem desain", "hasilkan aturan untuk proyek saya", "atur aturan desain", "sesuaikan pedoman sistem desain", atau ingin menetapkan konvensi khusus proyek untuk alur kerja Figma-ke-kode. Membutuhkan koneksi server Figma MCP.
Sumber diambil:
- Repositori sumber
- openai/skills
- SKILL.md
skills/.curated/figma-create-design-system-rules/SKILL.md- Bintang Repositori
- 28,420
- Pembaruan terakhir repositori
- 2026-10-29
- Klasifikasi Kemampuan
- Desain
- Waktu pengumpulan terbaru
Lisensi: Tidak ditentukan
Cuplikan alur kerja adalah alat bantu baca, bukan instruksi yang dapat dieksekusi dari Codez. Tidak ada Skill pihak ketiga yang dijalankan untuk menghasilkan halaman ini.
Bagian yang menjelaskan tujuan dan alur kerja di bawah ini merupakan materi dari hulu, yang telah diorganisir dan diterjemahkan untuk dibaca. Bagian ini berbeda dari analisis editorial Codez yang diberi label secara terpisah.
Apa yang dilakukan oleh Skill ini?
Menghasilkan aturan sistem desain khusus untuk basis kode pengguna. Gunakan saat pengguna mengatakan "buat aturan sistem desain", "hasilkan aturan untuk proyek saya", "atur aturan desain", "sesuaikan pedoman sistem desain", atau ingin menetapkan konvensi khusus proyek untuk alur kerja Figma-ke-kode. Membutuhkan koneksi server Figma MCP.
Bagaimana alur kerja hulu bekerja
Alur Kerja yang Diperlukan
Ikuti langkah-langkah ini secara berurutan. Jangan melewatkan langkah apa pun.
Jalur hulu · L49 ↗Ringkasan
Kemampuan ini membantu Anda menghasilkan aturan sistem desain khusus yang disesuaikan dengan kebutuhan spesifik proyek Anda. Aturan-aturan ini memandu agen pengkodean AI untuk menghasilkan kode yang konsisten dan berkualitas tinggi saat mengimplementasikan desain Figma, memastikan bahwa konvensi tim Anda, pola komponen, dan keputusan arsitektur diikuti secara otomatis.
Jalur hulu · L8 ↗Kapan Menggunakan Keterampilan Ini?
Gunakan keahlian ini ketika: Memulai proyek baru yang akan menggunakan desain Figma Mengintegrasikan agen pengkodean AI ke dalam proyek yang sudah ada dengan pola yang sudah mapan Menstandarisasi alur kerja Figma-ke-kode di seluruh tim Anda
Jalur hulu · L39 ↗- IMPORTANT: Always use components from `[YOUR_PATH]` when possible
- Place new UI components in `[COMPONENT_DIRECTORY]`
- Follow `[NAMING_CONVENTION]` for component names
- Components must export as `[EXPORT_PATTERN]`Persyaratan dan pengaturan
Prasyarat
Server Figma MCP harus terhubung dan dapat diakses. Akses ke basis kode proyek untuk analisis.
Jalur hulu · L33 ↗Batasan dan pemeriksaan kualitas
Gunakan PENTING untuk Aturan Penting
Tambahkan awalan "PENTING:" pada aturan yang tidak boleh dilanggar untuk memastikan agen memprioritaskan aturan tersebut.
Jalur hulu · L452 ↗Mulailah dengan uji coba yang aman.
- Periksa host yang didukung dan petunjuk instalasi repositori. Simpan direktori Skill beserta skrip, aset, dan dokumentasi yang dirujuk di dalamnya secara bersamaan;SKILL.mdsendirian dapat menghilangkan dependensi.
- Berikan input sebenarnya, output yang diinginkan, dan kriteria penerimaan kepada agen. Sintaks pemanggilan dan alat yang tersedia bergantung pada host; situs ini tidak mengasumsikan perintah instalasi universal.
- Cobalah alur kerja sumber dalam proyek sementara atau pada salinannya. Tinjau operasi yang mengubah file, layanan jarak jauh, atau sumber daya yang dapat ditagih sebelum mengizinkannya.
- Validasi output terhadap pemeriksaan kualitas sumber dan persyaratan Anda sendiri. Pemicu yang berhasil atau jumlah bintang repositori yang tinggi tidak menjamin hasil yang benar.
Baca selengkapnya di sumber aslinya.
- Ringkasan
- Apa Itu Aturan Sistem Desain?
- Prasyarat
- Kapan Menggunakan Keterampilan Ini?
- Alur Kerja yang Diperlukan
- Melangkah1Jalankan Alat Buat Aturan Sistem Desain
- Melangkah2Analisis Kode Program
- Melangkah3: Hasilkan Aturan Khusus Proyek
- Melangkah4Simpan Aturan ke File Aturan yang Sesuai
- Melangkah5: Validasi dan Iterasi
- Aturan Penting (Selalu Sertakan)
- Aturan yang Direkomendasikan (Sangat Berharga)
- Aturan Opsional (Spesifik Proyek)
- Contoh1Proyek React + Tailwind
- Contoh2Proyek Vue + CSS Kustom
- Contoh3Tim Sistem Desain
- Mulailah dari yang Sederhana, Lakukan Iterasi
- Bersikaplah spesifik.
- Buatlah Aturan yang Dapat Ditindaklanjuti
- Gunakan PENTING untuk Aturan Penting
- Dokumentasikan alasannya
- Masalah: Agen tersebut tidak mengikuti aturan.
- Masalah: Aturan saling bertentangan
- Masalah: Terlalu banyak aturan meningkatkan latensi
- Masalah: Aturan menjadi usang seiring perkembangan proyek.
- Memahami Aturan Sistem Desain
- Sumber Daya Tambahan
Keterampilan Terkait
Terjemahan dan ruang lingkup
Panduan membaca ini memilih bagian-bagian dari teks yang telah disematkan di bagian atas.SKILL.mdTerjemahan ini dibantu. Ini bukan manual lengkap atau klaim kompatibilitas yang telah diuji. Bacalah dokumen asli dan file referensinya sebelum digunakan.
Pendahuluan ini mengacu pada versi yang disematkan di bawah ini; aktivitas repositori saat ini dan waktu pengumpulan ditampilkan secara terpisah.
- Sumber yang disematkan
- Baca teks aslinya ↗
- Sumber diambil
- Komit sumber
49f948faa9258a0c61caceaf225e179651397431- Sumber SHA-256
1f4d7e16ba5325a80da32e2e6bde0ea850ba9287f35f4675d51d55d2f0dc6e2a