Claude Code × Figma Guide (Arabic + English): خلّي كلود يرسم أول شاشة جوا فيجما
by Laith Aljunaidy
$0+
Connect Claude to Figma and let Claude Code draw your first screen. No terminal, no commands, one message.
A free 6-page guide in Arabic and English. You download the Claude desktop app, connect Figma from Settings, Connectors, open the Code tab, pick a project folder, and send one message. Claude reads the folder, asks what is missing, and draws the screen inside your Figma file. Real screenshots from Anthropic and Figma, the demo result, and a troubleshooting table for when something does not work.
What is inside
Step by step setup of the Claude app and the Figma connector (the Figma MCP), with screenshots
How to make a project folder with your brand assets and Figma link so Claude designs from your files, not from guesses
The exact first prompt, generic enough for any product, and what Claude asks when the folder is empty
A real demo screen drawn by Claude in Figma, and a table of the errors you might hit with the fix for each
Two PDFs: Arabic edition and English edition
Who it is for. Designers and founders who want to try Claude Code with Figma without installing anything in a terminal. Arabic-first teams get an Arabic guide written in Arabic, not translated.
Pay what you want. Free if you take it free. If it saved you an hour, pay what it was worth.
دليل من 6 صفحات، عربي وإنجليزي، بدون terminal وبدون أوامر. تنزّل تطبيق Claude، توصّل فيجما بضغطة من الـ Connectors، تفتح تبويب Code، وتبعت رسالة وحدة. كلود بيقرأ المجلد، بيسأل عن الناقص، وبيرسم أول شاشة جوا ملفك. سكرين شوتات حقيقية من Anthropic وفيجما، نتيجة الديمو، وجدول لو شي ما زبط.
هاد الملف اللي وعدتكم فيه بالريل. مجاني. لو حسيت إنه وفّر عليك ساعة، ادفع اللي بدك.
Shipping a product to Arabic users? Share your screen and I take one flow apart with you in 60 minutes, then you get a fix list ranked by impact: Arabic UX Teardown.
بتطلق منتج ليوزرز عرب؟ بتشارك شاشتك وبفكك فلو واحد قدامك بساعة، وبعدها بتوصلك قائمة تصليحات مرتبة حسب الأثر: Arabic UX Teardown.