Affinity Map Figma Template (English + Arabic, Light + Dark)
by Laith Aljunaidy
$0+
Six interviews are done. The quotes now sit in six separate documents, and the theme that wins is the one the loudest person in the room remembers.
The full guide, every block explained in English and Arabic: laithjunaidy.com/store/affinity-map
What is on the board
The research question. A full width card at the top holding the one question the map answers, beside a card for the participant count and how the sessions were run.
Five theme columns. Each column is a dark header card: a theme number, the theme name, and one line saying what the theme actually means. Replace all five, they are not fixed.
Thirty notes. Sticky notes under the columns in three tints, one observation per note. Every note carries a participant tag, P1 to P6, so you can always trace a note back to a person.
The legend. A row naming the three tints: Observation, Pain point, Idea, and the participant tag. Every colour is bound to a variable, so one switch takes the board to dark.
Before and after
Before: Quotes spread across six documents.
After: One board, five columns, thirty notes.
Before: A theme is whatever the loudest voice says it is.
After: A theme with a written definition above the notes.
Before: No way to tell who said what.
After: A participant tag on every single note.
Before: Pains, ideas and observations in one pile.
After: Three tints, sorted by what the note is.
Before: A screenshot in a deck nobody can read.
After: Dark mode from one variable switch.
Before: Arabic notes typed into a left to right grid.
After: A board built right to left from the start.
What lands in the download
FIG The template. One Figma file, four pages: English light, English dark, Arabic light, Arabic dark, all on one variable collection. Auto layout throughout, so every cell grows as you type.
PDF The guide. 8 pages: the four boards, a five step how to use, and a glossary of every field with its Arabic label beside it.
PDF, MD Pro. Five Claude prompts: fill it from my notes, critique it, Arabic edition, turn it into insights, push it to Figma.
PDF Pro. The facilitation guide. A thirty minute session: what to ask, in what order, and how to close it.
FIG Pro. A second worked example in a second market, as its own Figma file, so you can read the method instead of guessing at it.
FOLDER Pro. The Claude Code skill. Point it at your notes folder and it fills the board, then writes it into your own Figma file by layer name.
Who it is for, and when to run it
For anyone who has just finished a round of interviews and has to turn quotes into themes. Run it the same week the sessions end, with the whole team in the room, before the memory of the sessions fades.
Two editions. Free: the Figma file and the PDF. Pro, 10 dollars: adds the five prompts, the facilitation guide, the second worked example and the Claude Code skill.
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.
خلصت ست مقابلات. الاقتباسات صارت بست ملفات منفصلة، والمحور اللي بيفوز هو اللي أعلى صوت بالغرفة متذكره.
الشرح الكامل لكل بلوك بالعربي والإنجليزي: laithjunaidy.com/ar/store/affinity-map
شو في على اللوحة
سؤال البحث. كرت عريض فوق فيه السؤال الوحيد اللي الخريطة بتجاوب عليه، وجنبه كرت لعدد المشاركين وكيف انعملت الجلسات.
خمس أعمدة محاور. كل عمود ترويسة غامقة: رقم المحور، اسمه، وسطر بيقول شو يعني هالمحور فعلاً. بدّل الخمسة كلهم، مش ثابتين.
ثلاثين ورقة. ملصقات تحت الأعمدة بثلاث ألوان، ملاحظة وحدة بكل ورقة. كل ورقة عليها تاغ المشارك، من P1 لـ P6، عشان تقدر ترجّع أي ورقة لصاحبها.
المفتاح. سطر بيسمّي الألوان الثلاثة: ملاحظة، نقطة ألم، فكرة، وتاغ المشارك. كل لون متغير، فبضغطة وحدة بتصير اللوحة غامقة.
قبل وبعد
قبل: اقتباسات موزّعة على ست ملفات.
بعد: لوحة وحدة، خمس أعمدة، ثلاثين ورقة.
قبل: المحور هو اللي أعلى صوت بيقوله.
بعد: محور مكتوب تعريفه فوق الأوراق.
قبل: ما في طريقة تعرف مين حكى شو.
بعد: تاغ المشارك على كل ورقة.
قبل: آلام وأفكار وملاحظات بكومة وحدة.
بعد: ثلاث ألوان، مرتبة حسب نوع الورقة.
قبل: سكرين شوت بالعرض ما حدا بيقراه.
بعد: وضع غامق بضغطة متغير وحدة.
قبل: ملاحظات عربي مركّبة بشبكة من اليسار لليمين.
بعد: لوحة مبنية من اليمين لليسار من البداية.
شو بينزل معك
FIG القالب. ملف فيجما واحد بأربع صفحات: إنجليزي فاتح، إنجليزي غامق، عربي فاتح، عربي غامق، كلهم على مجموعة متغيرات وحدة. Auto layout بكل مكان، فكل خانة بتكبر مع الكتابة.
PDF الدليل. 8 صفحات: اللوحات الأربع، طريقة الاستخدام بخمس خطوات، وقائمة بكل خانة مع تسميتها العربية جنبها.
PDF, MD Pro. خمس برومبتات لكلود: عبّيها من ملاحظاتي، انتقدها، النسخة العربية، حوّلها لاستنتاجات، ادفعها لفيجما.
PDF Pro. دليل الجلسة. نص ساعة: شو تسأل، بأي ترتيب، وكيف تسكّرها.
FIG Pro. مثال ثاني كامل بسوق تاني، بملف فيجما لحاله، عشان تقرا الطريقة مش تخمّنها.
FOLDER Pro. سكيل Claude Code. وجّهه على مجلد ملاحظاتك فبيعبّي اللوحة، وبعدين بيكتبها بملف فيجما تبعك حسب اسم الطبقة.
لمين، وإيمتى تشغّلها
لأي حدا خلّص جولة مقابلات ولازم يحوّل الاقتباسات لمحاور. شغّله نفس الأسبوع اللي بتخلص فيه الجلسات، والفريق كله بالغرفة، قبل ما تنسوا الجلسات.
نسختين. مجاني: ملف فيجما و PDF. Pro بعشر دولار: بيضيف البرومبتات الخمسة ودليل الجلسة والمثال الثاني وسكيل Claude Code.
بتطلق منتج ليوزرز عرب؟ بتشارك شاشتك وبفكك فلو واحد قدامك بساعة، وبعدها بتوصلك قائمة تصليحات مرتبة حسب الأثر: Arabic UX Teardown.