Figma Draw — وضع الرسم التوضيحي وتحرير الرسوم المتجهة داخل Figma — حصل على أهم تحديث له في مايو 2026. الميزات الرئيسية: التخطيط التلقائي يعمل مباشرة في وضع Draw (بدون التبديل إلى Design)، النص على المسار أصبح أصلياً الآن (بدون إضافات)، تسميات نوع الطبقة المضمنة تجعل التنقل أسهل، وعناصر تحكم أغنى للفرش والملمس توسع قدرات التعبير. مع دمج ميزات الصور بالذكاء الاصطناعي في Figma، يتطور Draw من "تحرير الرسوم المتجهة داخل أداة واجهة المستخدم" إلى بيئة رسم توضيحي حقيقية.
النقطة الأساسية
Figma Draw يقلص الفجوة مع أدوات الرسم التوضيحي المخصصة. التخطيط التلقائي في Draw يلغي أكثر مشاكل التبديل بين الأوضاع شيوعاً. النص على المسار يزيل الحاجة لإضافات الطباعة. والتكامل مع الذكاء الاصطناعي (Make Image يعمل في وضع Draw) يضيف قدرات توليدية لا تملكها أدوات الرسوم المتجهة الخالصة. للمصممين الذين يقومون بالرسم التوضيحي جنباً إلى جنب مع عمل واجهة المستخدم، إبقاء كل شيء في Figma يوفر وقتاً كبيراً من التبديل بين الأدوات.
ما تغير في Draw (مايو 2026)
| الميزة | ماذا تفعل | لماذا مهمة | قبل هذا التحديث |
|---|---|---|---|
| التخطيط التلقائي في Draw | تطبيق التخطيط التلقائي بدون التبديل إلى وضع Design | رسوم توضيحية متجاوبة بدون تبديل الأوضاع | كان يتطلب تبديل الأوضاع |
| تسميات الطبقات المضمنة | أنواع المكونات/المثيلات/النصوص معروضة في لوحة الطبقات | تنقل أسهل في الملفات المعقدة | أسماء طبقات عامة |
| النص على المسار | إضافة نص للمسارات أو إنشاء نص على الدوائر | نص منحنٍ أصلياً (بدون إضافات) | كان يتطلب إضافات |
| عناصر تحكم فرش أغنى | خيارات أكثر للضغط والميل والملمس | أساليب رسم يدوي أكثر تعبيراً | خيارات فرش محدودة |
| صور الذكاء الاصطناعي في Draw | Make Image ينتج صوراً مباشرة في وضع Draw | صور مرجعية جنباً إلى جنب مع العمل المتجه | كان يتطلب التبديل إلى Design |
التغيير الأكثر تأثيراً: التخطيط التلقائي في Draw
قبل هذا التحديث، إنشاء رسوم توضيحية متجاوبة — أيقونات تتكيف بشكل صحيح، شارات تتكيف مع طول النص، عناصر زخرفية تعيد التدفق مع المحتوى — كان يتطلب التبديل المستمر بين أوضاع Draw و Design. Draw لعمل الرسم التوضيحي، Design للسلوك المتجاوب، العودة إلى Draw للتعديلات، العودة إلى Design للتحقق من الاستجابة.
الآن التخطيط التلقائي موجود داخل Draw. أنشئ رسمك التوضيحي، طبق التخطيط التلقائي، والسلوك المتجاوب جزء من نفس سير العمل. هذا يبدو بسيطاً لكنه يلغي نقطة الاحتكاك الأكثر شيوعاً للمصممين الذين ينشئون رسوماً توضيحية جنباً إلى جنب مع تصميم واجهة المستخدم. مجموعات الأيقونات، الرسوم التوضيحية النقطية، أسس العناصر المتحركة، والمكونات الزخرفية كلها تستفيد.
سير عمل الذكاء الاصطناعي + Draw
أكثر سير العمل إثارة للاهتمام يجمع بين التوليد بالذكاء الاصطناعي والتحسين اليدوي في Draw:
الخطوة 1: استخدم Make Image في وضع Draw لتوليد رسم توضيحي مرجعي. الأمر: "رسم توضيحي بخطوط بسيطة لشخص يعمل على كمبيوتر محمول، خط بوزن واحد، لوحة ألوان بنفسجية وزرقاء."
الخطوة 2: استخدم الصورة المولدة كطبقة مرجعية بصرية (قلل الشفافية إلى 20%).
الخطوة 3: تتبع وحسن باستخدام أدوات Draw المتجهة، مضيفاً أسلوبك الخاص، معدلاً النسب، ومدمجاً إرشادات الرسم التوضيحي لعلامتك التجارية.
الخطوة 4: طبق التخطيط التلقائي للسلوك المتجاوب. طبق المتغيرات لرموز ألوان متسقة. النتيجة: رسم توضيحي متسق مع العلامة التجارية ومتجاوب بدأ بإلهام من الذكاء الاصطناعي لكن له حرفية بشرية.
هذا يعكس نمط سير عمل الذكاء الاصطناعي الأوسع: الذكاء الاصطناعي يولد نقطة البداية، البشر يضيفون الحكم والحرفة. Design Agent يفعل هذا لشاشات واجهة المستخدم. Draw + Make Image يفعله للرسوم التوضيحية. المبدأ متطابق: الذكاء الاصطناعي يتعامل مع مشكلة اللوحة الفارغة، أنت تتعامل مع الجودة.
لنتائج أفضل من Make Image، هيكل أوامرك مع إطار عمل ICCSSE. "رسم توضيحي" ينتج مخرجات عامة. "رسم توضيحي بخطوط بسيطة لشخص يعمل على كمبيوتر محمول، خط بوزن واحد عند 2px، محدود بالبنفسجي (#7C3AED) والأزرق (#3B82F6) لعلامتنا التجارية، خلفية بيضاء، تركيب متوسط، بدون تظليل، مناسب لرسم توضيحي نقطي 200×200px في لوحة تحكم SaaS" ينتج شيئاً قابلاً للاستخدام. محسن الأوامر المجاني يضيف هذا الهيكل تلقائياً.
📬 هل تحصل على قيمة من هذا؟
رؤية واحدة قابلة للتطبيق حول الذكاء الاصطناعي أسبوعياً. بالإضافة إلى حزمة أوامر مجانية عند الاشتراك.
اشترك مجاناً ←الأسئلة الشائعة
هل Figma Draw يستبدل Adobe Illustrator؟
للرسم التوضيحي المرتبط بواجهة المستخدم (الأيقونات، الرسوم التوضيحية النقطية، المكونات الزخرفية): نعم بشكل متزايد. للرسم التوضيحي المعقد الجاهز للطباعة، الطباعة المتقدمة، تحرير الرسوم المتجهة المهني، وأعمال الرسم التوضيحي المستقلة عن واجهة المستخدم: Illustrator يبقى أكثر قدرة. Draw يلحق بالميزات التي تهم مصممي المنتجات، لكنه ليس بديلاً للرسم التوضيحي العام بعد.
هل يمكن لـ Design Agent إنشاء رسوم توضيحية في Draw؟
Design Agent يعمل مع مكونات واجهة المستخدم (الإطارات، الأزرار، النص، الصور)، وليس الرسم التوضيحي المتجه الحر. Make Image ينتج صوراً نقطية يمكنك استخدامها كمراجع في Draw. للرسوم التوضيحية المتجهة المولدة بالذكاء الاصطناعي تحديداً، الأدوات المخصصة مثل Recraft أو مولدات SVG المحددة خيارات أفضل. الوكيل أداة تصميم، وليس أداة رسم توضيحي.
هل النص على المسار أصلي أخيراً؟ أدوات أخرى كان لديها هذا منذ سنوات.
نعم — وأنت محق في ملاحظة أن هذه ميزة لحاق، وليس ابتكار. Illustrator و Sketch وحتى Canva قدمت النص على المسار لسنوات. إغلاق Figma لهذه الفجوة ليس ثورياً؛ إنه إزالة سبب لمغادرة Figma لمهام الطباعة البسيطة. وجوده أصلياً يعني اعتماداً أقل على الإضافات وتبديل سياق أقل.
هل تحسينات Draw تستهلك ائتمانات الذكاء الاصطناعي؟
لا — التخطيط التلقائي، النص على المسار، عناصر تحكم الفرش، وتسميات الطبقات هي ميزات Figma قياسية، وليست مدعومة بالذكاء الاصطناعي. فقط Make Image (أداة توليد الصور) تستهلك ائتمانات الذكاء الاصطناعي. أدوات الرسم والرسوم المتجهة التقليدية مضمنة في الاشتراك الأساسي بدون حدود استخدام.
هل يجب على الرسامين التبديل من Procreate أو Illustrator إلى Figma Draw؟
ليس بعد لأعمال الرسم التوضيحي المستقلة. Draw الأفضل للرسم التوضيحي الذي يعيش داخل تصاميم المنتجات — الأيقونات، الرسوم التوضيحية النقطية، عناصر واجهة المستخدم الزخرفية. لأعمال الرسم التوضيحي المستقلة، Procreate (iPad، إحساس الوسائط الطبيعية) و Illustrator (سطح المكتب، أقصى قدرة متجهة) يبقيان أكثر قدرة. ميزة Draw هي تكامل سير العمل: كل شيء يبقى في Figma، يستخدم رموز نظام التصميم الخاص بك، ويخطط تلقائياً بشكل متجاوب.
إفصاح: بعض الروابط في هذا المقال روابط تابعة. نحن نوصي فقط بالأدوات التي اختبرناها شخصياً ونستخدمها بانتظام. اطلع على سياسة الإفصاح الكاملة.