ابنِ شغل الـUX من قوالب جاهزة، مش من صفحة فاضية.
تسع قوالب لخطوات الـUX، وديزاين سيستم كامل بيقرأه Claude Code قبل ما يرسم. كله بفيجما، عربي وإنجليزي، فاتح وغامق، ومعبّى بمثال حقيقي.
تسع خطوات، كل وحدة إلها قالب جاهز.
بترتيب الشغل الحقيقي، من أول مقابلة مع اليوزر لحد ما تقرر شو بتبني أول.
- 01خريطة رحلة العميلوين بالضبط اليوزر بيزهق؟ خمس مراحل، منحنى مشاعر بتسحبه، ومقياس بيثبت كل مرحلة.مجاني
- 02مقابلة اليوزرعمرك سألت يوزر سؤال وطلع الجواب مش اللي توقعته؟ هون بتحضّر الأسئلة قبل الجلسة، مش بعدها.مجاني
- 03أفينيتي مابخمسين ملاحظة على الطاولة وما في نمط. هون بتطلع خمس ثيمات، وكل وحدة بتعرف كم مصدر وراها.مجاني
- 04خريطة التعاطفإنت بتعرف شو بيعمل اليوزر. بس بتعرف شو بيحس؟ أربع مربعات بتخلي الفرق واضح.مجاني
- 05البيرسوناعمرك جربت ترسم شخصية اليوزر تبعك؟ مش صورة وعمر وقهوة مفضلة. أهداف وإحباطات وثلاث نتائج تصميم بتقدر تشتغل عليها بكرة.مجاني
- 06مصفوفة الأولوياتاثنا عشر فكرة والفريق بده يبنيهم كلهم. أثر مقابل جهد بيقول شو بتبني أول.مجاني
- 07تعريف المشكلةإذا ما بتقدر تكتب المشكلة بجملة وحدة، كل واحد بالفريق رح يبني شي مختلف. هون بتكتبها، ومعها How Might We بتفتح الحلول.مجاني
- 08يوزابيليتي تستخمس مهام، خمس نتائج، ونص يوم. بتعرف شو بينكسر قبل ما تبنيه.مجاني
- 09اليوزر فلوكل شاشة إلها طريق، وكل طريق إله باب مسدود. هون بتشوفهم قبل ما تصمم مش بعد ما تطلق.مجاني
أغلب شغل الـUX بيضيع لأنه موزّع على ملفات ما إلها شكل واحد.
كل مقابلة بملف، كل خريطة بأداة، وكل تسليم بيتبنى من الصفر. وقتك بيروح على بناء الشكل مش على القرار. وأول ما تحتاج نسخة عربية، بتكتشف إنه التصميم كله مبني على اليسار.
وين بالضبط اليوزر بيزهق؟ خمس مراحل، منحنى مشاعر بتسحبه، ومقياس بيثبت كل مرحلة.
كل مقابلة بملف شكله غير
تسع قوالب بنفس الشبكة ونفس التايبوغرافيالعربي مترجم فوق تصميم إنجليزي
العربي مبني RTL من الأساس، مش معكوس بعدينالجدول بينكسر لما تكتب سطر زيادة
auto layout بكل خلية، الصفوف بتكبر معكالتسليم بيتبنى من الصفر كل مرة
تصدّر PDF جاهز بضغطةالفاتح والغامق نسختين منفصلتين
وضع واحد بيبدّل اللوحة كلهاكلود بيخترع شكل جديد كل مرة
سكيل بيكتب اللوحة بقواعدك إنتاللي بينزل معك بالضبط.
مش وصف، هاي الملفات نفسها. النسخة المجانية بتاخد أول اثنين، ونسخة Pro بـ10 دولار بتاخد الستة.
لما تشتغل عليها كل يوم، خذ الطقم مش القالب.
UX AI Kit Pro Max
التسع قوالب بنسخة Pro، بتنزيلة وحدة
- التسع قوالب كلها بنسخة Pro
- البرومبتات وأدلة الجلسات والأمثلة الثانية
- سكيلات Claude Code: اثنين جاهزين والباقي بنظبطهم معك
- خارطة طريق الـUX: 14 صفحة عربي و14 إنجليزي
- 147 ملف بتنزيلة وحدة
ديزاين سيستم كـ Claude Code skill
كلود بيقرأ نظامك قبل ما يرسم أول شاشة
- 637 token و8 مجموعات متغيرات جاهزة لفيجما
- ست contracts للمكونات وقواعد RTL كاملة
- 19 دليل PDF: الأساسيات، البرومبتات، طريقة التركيب
- كلود بيقرأه قبل ما يرسم، فالشاشة بتطلع بنظامك
وقبل هاد كله، خلّي كلود يرسم أول شاشة جوا ملفك.
ست صفحات، عربي وإنجليزي، بدون terminal. بتوصّل كلود بفيجما وبتبعت رسالة وحدة.
تسع قوالب مجانية، وطقمين لما تصير تشتغل عليها كل أسبوع.
كيف مبنية هالملفات.
كل لون ومسافة ونصف قطر وحجم خط هو token باسمه. القيمة المكتوبة بالمكوّن غلطة.
كل ملف فيه نسخة عربية معكوسة من اليمين لليسار وبطبقة خط خاصة فيها. مش ترجمة بعدين.
ما في شي هون طلع على رقم بس. كل سكرين شوت، شوفه بحجمه الكامل، وبعدين قول شفت.
Build your UX work from real templates, not from an empty page.
Nine templates for the steps of UX work, and a design system Claude Code reads before it draws. Figma, English and Arabic, light and dark, each one filled with a real example.
Nine steps, each one with a template ready.
In the order the work actually runs, from the first user interview to deciding what you build first.
- 01Customer journey mapWhere exactly does it go wrong? Five stages, an emotion curve you drag, and a metric that proves each one.FREE
- 02User interviewEver asked a user a question and the answer was nothing like you expected? These are the questions written before the session, not after it.FREE
- 03Affinity mapFifty notes and no pattern. Five themes, and each one tells you how many sources are behind it.FREE
- 04Empathy mapYou know what your user does. Do you know what they feel? Four quadrants make the gap visible.FREE
- 05PersonaHave you ever tried to draw your user? Not a stock photo and a favourite coffee. Goals, frustrations, and three design implications you can act on tomorrow.FREE
- 06Prioritisation matrixTwelve ideas and a team that wants all of them. Impact against effort says what you build first.FREE
- 07Problem statementIf you cannot write the problem in one sentence, every person on the team builds something different.FREE
- 08Usability testFive tasks, five results, half a day. You learn what breaks before you build it.FREE
- 09User flowEvery screen has a path and every path has a dead end. See them before you design, not after you ship.FREE
Most UX work gets lost because it is spread across files that share no shape.
Every interview in its own file, every map in a different tool, every handoff rebuilt from scratch. The time goes into building the shape instead of making the decision. And the moment you need an Arabic version, you find the whole layout was built left to right.
Where exactly does it go wrong? Five stages, an emotion curve you drag, and a metric that proves each one.
Every interview in a file that looks different
Nine templates on one grid and one type scaleArabic translated on top of a Latin layout
Arabic built RTL from the start, not mirrored laterThe table breaks when you type one more line
Auto layout in every cell, rows grow as you typeThe handoff gets rebuilt from scratch every time
Export a finished PDF in one clickLight and dark as two separate copies
One mode switch restyles the whole boardClaude invents a new look every time
A skill that writes the board by your rulesExactly what lands in the download.
Not a description, the files themselves. The free edition takes the first two. Pro, at 10 dollars, takes all six.
When you run these every week, take the kit, not the template.
UX AI Kit Pro Max
All nine templates at Pro, in one download
- All nine templates at their Pro edition
- The prompts, the facilitation guides, the second examples
- Claude Code skills: two ready, the rest set up with you
- The UX process roadmap: 14 pages in Arabic, 14 in English
- 147 files in one download
Design system as a Claude Code skill
Claude reads your system before it draws the first screen
- 637 tokens and eight Figma variable collections
- Six component contracts and a full set of RTL rules
- 19 PDF guides: foundations, prompts, how it is installed
- Claude reads it before it draws, so the screen comes out in your system
And before any of it, let Claude draw the first screen inside your own file.
Six pages, Arabic and English, no terminal. You connect Claude to Figma and send one message.
Nine free templates, and two kits for when you run them every week.
How these files are built.
Every colour, space, radius and type size is a named token. A value written into a component is a bug.
Every file ships an Arabic version mirrored right to left with its own type layer. Not a translation bolted on later.
Nothing here shipped on a number alone. Every screenshot gets looked at full size before anyone says it is done.