كيف أصمم واجهات المواقع والتطبيقات
رسم شاشات في المتصفح ومشاركة رابط للعرض. ليس أداة منشور سريعة ولا موقعًا يعمل وحده.
مقارنة أو بدائل تخص هذه الأداة
صفحات تحريرية أطول من البطاقة، من غير أسعار مخترعة ولا تقييمات.
- بدائل Canva Pro: ماذا تفعل حين يُقفل العنصر؟
القفل عند التصدير يعني أن هذا العنصر ليس في الخطة الحالية. بدّله أولًا. الاشتراك قرار بعد أن تقرأ العرض، لا بعد أن يخيفك القالب.
نظرة عامة على Figma
Figma ضمن قسم التصميم. وصف البطاقة أعلاه من الدليل، ومقدمة القسم الطويلة تبقى في صفحة القسم حتى لا تتكرر على كل أداة.
بقلم فريق كيف؟
آخر تحديث: 24 أكتوبر 2026 · سياسة التحرير
ثلاث شاشات تسجيل لنادٍ، لا هوية بصرية كاملة
Figma في المتصفح على figma.com لرسم الشاشات ومشاركتها برابط عرض. يناسب من يريد تدفق تسجيل أو صفحة هبوط بسيطة يراجعها زميل. لا يناسب من يريد قصة إنستغرام خلال عشر دقائق، فذلك Canva.
الخطة المجانية وحدود الملفات تتغير. إن منعك الموقع من مشاركة الرابط، اقرأ الرسالة داخل الحساب. لا نعد بعدد مشاريع.
مثال: تسجيل عضو في نادٍ طلابي
النادي يريد ثلاث شاشات فقط: اسم النشاط، نموذج الاسم والجوال، وجملة «وصلنا طلبك». لا حسابات ولا دفع داخل الرسم.
- أنشئ ملفًا وسمّه باسم النادي والتاريخ. أضف ثلاثة إطارات جوال بالمقاس الذي تقترحه الأداة للجوال.
- في الأول عنوان النشاط فقط، كما هو في قرار النادي، لا شعارًا محميًا للجامعة إن لم يُسمح لكم.
- في الثاني حقلان: الاسم والجوال. لا تضف خانة هوية «لأن النماذج عادة كذلك».
- في الثالث جملة تأكيد واحدة. اربط الإطارات بسهم حتى يفهم الزميل الترتيب.
- انسخ رابط العرض، وافتحه في نافذة خاصة لتتأكد أنه يُرى من غير حساب تحرير.
التعليق على الرابط للسؤال الناقص، لا لإعادة تصميم الشعار في الخيط نفسه. اجمع الملاحظات ثم عدّل نسخة واحدة.
ما لا يفعله الملف
الرسم ليس موقعًا يعمل. الزر لا يحفظ الجوال في قاعدة. إن احتجتم بناءً، المبرمج يحتاج النصوص والحالات لا الملف وحده.
الخطوط التي لا تملكها قد تُستبدل عند الزميل. اختر خطًا يظهر في الملف من غير تثبيت خاص، أو اسأل قبل الاعتماد.
لا تبدأ بـ Figma إذا
إذا كان المطلوب منشورًا اليوم بصورة وسعر، فالإطارات ستؤخرك. استخدم قالب منشور.
إذا كنت تنسخ واجهة تطبيق مشهور بكسلًا لتنشرها كأنها منتجك. ارسم تدفقكم الحقيقي.
أسرع أو أرسم
- كيف أصمم بدون خبرة
اختر Canva للمنشور المطبوع أو القصة. المقاس والقالب هناك أقرب من إطار Figma.
- كيف أرسم مخططات بأسلوب اليد
اختر Excalidraw إذا كانت الجلسة عصفًا على لوحة بيضاء، لا شاشات تُسلَّم للمبرمج.
- كيف أصنع منشورات سوشيال ميديا
اختر Adobe Express إذا كانت المهمة قص صورة وعبارة، وانتهى احتياج المشاركة التفاعلية.
بعد أن تثبت نصوص الشاشات، صياغة الجملة العربية التي يفهمها الطالب تمر بمراجعة، واختيار المساعد في مقارنة ChatGPT وClaude وGemini. وإن تحوّلت الشاشة لاحقًا إلى أصل صورة لحملة، فحد الصورة والمقطع في من صورة إلى مقطع قصير.
ملخص بمساعدة الذكاء الاصطناعي
من إعداد فريق كيف؟ لفهم Figma بسرعة
Figma هي أداة تصميم احترافية لإنشاء واجهات المستخدم وتجربة المستخدم (UI/UX) للتطبيقات والمواقع. تعمل عبر المتصفح وتتيح التعاون الفوري بين الفرق، مما يجعلها مثالية للمصممين والمطورين.
خطوات سريعة
- افتح موقع figma.com وأنشئ حسابًا مجانيًا.
- انقر على 'New File' لبدء مشروع جديد.
- استخدم أداة Frame (F) لتحديد حجم الشاشة (مثل iPhone 14).
- أضف عناصر باستخدام أدوات Rectangle (R) أو Text (T).
- اربط الصفحات باستخدام Prototype mode لإنشاء تفاعل.
- شارك الملف مع فريقك عبر زر Share في الأعلى.
- صدر التصميم كصورة أو PDF من قائمة File > Export.
متى تستخدمها؟
- تصميم واجهات تطبيقات الجوال أو مواقع الويب من الصفر.
- إنشاء نماذج أولية تفاعلية لاختبار تجربة المستخدم.
- التعاون مع فريق العمل في الوقت الفعلي على نفس التصميم.
- تصدير assets مثل الأيقونات والصور للمطورين.
نصائح ذهبية
- استخدم Auto Layout لتنسيق العناصر تلقائيًا وتوفير وقت التعديل.
- أنشئ Component للأجزاء المتكررة (مثل الأزرار) لتحديثها مرة واحدة.
- استخدم Plugins مثل 'Iconify' لإضافة أيقونات جاهزة دون مغادرة Figma.
احذر من
- النسخة المجانية محدودة بعدد المشاريع (3 مشاريع فقط).
- لا يعمل التطبيق دون اتصال بالإنترنت في المتصفح (لكن له تطبيق سطح مكتب).
- قد تكون ملفات التصميم كبيرة وتحتاج لذاكرة تخزين عالية.
أُعدّ هذا الملخص بواسطة فريق كيف؟ بمساعدة الذكاء الاصطناعي. يُراجع ويُحدَّث وفق سياسة التحرير. آخر تحديث: 24 أكتوبر 2026. هذه ليست مراجعة بشرية لكل زر في موقع الأداة، والتفاصيل التي تتغير تُراجع على الموقع الرسمي.
أسئلة شائعة عن Figma
هل ملف Figma موقع جاهز؟
لا. هو رسم وترتيب. الحفظ والإرسال يحتاجان بناءً منفصلًا أو أداة لا تعد بها هذه الصفحة.
الزميل يطلب حسابًا ليرى التصميم؟
استخدم رابط العرض إن وُجد في ملفك. إن أصر الموقع على حساب، فهذا شرط الخطة الحالية على figma.com.
كم مشروعًا تسمح الخطة المجانية؟
لا نكتب العدد. اقرأ حد الملف داخل حسابك، فهو الذي يتغير.
مشابه في التصميم
عرض الكلكيف أستخدم Photoshop أونلاين مجانًا
بديل Photoshop مجاني يعمل من المتصفح بدون تحميل.
كيف أحرر الصور أونلاين
محرر صور قوي يعمل من المتصفح ولا يحتاج تثبيت.
كيف أصمم انفوجرافيك
أنشئ انفوجرافيك احترافي وتقارير بصرية تفاعلية.
كيف أبني هوية تجارية
بناء هوية بصرية كاملة لشركتك بالذكاء الاصطناعي.
أجهزة مرتبطة بالمهمة
شاشة وتخزين لمن يصمّم على الكمبيوتر. ليست مراجعة، والسعر على أمازون.
شاشة 4K
شاشة بمساحة أكبر لمراجعة التصميم قبل التصدير.
قرص SSD خارجي محمول
قرص خارجي لنقل ملفات التصميم بين جهازين.
ماك بوك إير M
جهاز محمول لفتح أداة التصميم والمتصفح معًا. التفاصيل على المتجر.
قد نحصل على عمولة عند الشراء عبر روابط أمازون دون أي تكلفة إضافية عليك.