·figma-designer
*

figma-designer

يقوم بتحليل تصميمات Figma وإنشاء نماذج PRD جاهزة للتنفيذ بمواصفات مرئية مفصلة. يُستخدم عندما يقدم المستخدم رابط Figma أو يقوم بتحميل لقطات شاشة للتصميم. يتطلب اتصال خادم Figma MCP.

48التثبيتات·5الرائج·@charon-fan

التثبيت

$npx skills add https://github.com/charon-fan/agent-playbook --skill figma-designer

كيفية تثبيت figma-designer

ثبّت مهارة الذكاء الاصطناعي figma-designer بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/charon-fan/agent-playbook --skill figma-designer
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: charon-fan/agent-playbook.

"Transform Figma designs into implementation-ready specifications with pixel-perfect accuracy"

This skill analyzes Figma designs through the Figma MCP server and generates detailed PRDs with precise visual specifications. It extracts design tokens, component specifications, and layout information that developers can implement directly.

If not available, install from: https://github.com/modelcontextprotocol/servers

يقوم بتحليل تصميمات Figma وإنشاء نماذج PRD جاهزة للتنفيذ بمواصفات مرئية مفصلة. يُستخدم عندما يقدم المستخدم رابط Figma أو يقوم بتحميل لقطات شاشة للتصميم. يتطلب اتصال خادم Figma MCP. المصدر: charon-fan/agent-playbook.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/charon-fan/agent-playbook --skill figma-designer
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from charon-fan/agent-playbook

إجابات سريعة

ما هي figma-designer؟

يقوم بتحليل تصميمات Figma وإنشاء نماذج PRD جاهزة للتنفيذ بمواصفات مرئية مفصلة. يُستخدم عندما يقدم المستخدم رابط Figma أو يقوم بتحميل لقطات شاشة للتصميم. يتطلب اتصال خادم Figma MCP. المصدر: charon-fan/agent-playbook.

كيف أثبّت figma-designer؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/charon-fan/agent-playbook --skill figma-designer بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/charon-fan/agent-playbook

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-01