figma-implement-design
oleh figma
Menerjemahkan desain Figma menjadi kode aplikasi yang siap produksi dengan kesetiaan visual 1:1. Gunakan saat mengimplementasikan kode UI dari file Figma, saat pengguna menyebutkan…
npx skills add https://github.com/figma/dev-mode-mcp-server-guide --skill figma-implement-designLebih banyak skill dari figma
figma-code-connect
figma
Membuat dan memelihara file template Figma Code Connect yang memetakan komponen Figma ke potongan kode. Gunakan saat pengguna menyebutkan Code Connect, komponen Figma…
official
figma-create-design-system-rules
figma
Menghasilkan aturan sistem desain kustom untuk basis kode pengguna. Gunakan saat pengguna mengatakan "buat aturan sistem desain", "hasilkan aturan untuk proyek saya", "atur desain…
official
figma-create-new-file
figma
Buat file Figma kosong baru. Gunakan saat pengguna ingin membuat desain Figma baru atau file FigJam, atau saat Anda memerlukan file baru sebelum memanggil use_figma.
official
figma-generate-design
figma
Gunakan keterampilan ini bersama figma-use ketika tugas melibatkan penerjemahan halaman aplikasi, tampilan, atau tata letak multi-bagian ke Figma. Pemicu: 'tulis ke…
official
figma-generate-diagram
figma
MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. Routes to type-specific guidance (generic flowchart, architecture…
official
figma-generate-library
figma
Membangun atau memperbarui sistem desain kelas profesional di Figma dari basis kode. Gunakan saat pengguna ingin membuat variabel/token, membangun pustaka komponen, mengatur…
official
figma-use
figma
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first.…
official
figma-use-figjam
figma
Skill ini membantu agen menggunakan alat MCP use_figma milik Figma dalam konteks FigJam. Dapat digunakan bersama figma-use yang memiliki konteks dasar untuk menggunakan…
official