لم يعد Canva مجرد أداة لتصميم الصور والعروض التقديمية والمنشورات، فمع إطلاق Canva Code 2.0 تحاول المنصة الانتقال إلى مستوى جديد يسمح للمستخدم بإنشاء مواقع وتطبيقات تفاعلية من خلال الأوامر النصية، دون الحاجة إلى خبرة متقدمة في البرمجة.
في الإصدار السابق، كانت Canva Code تساعد على إنشاء بعض العناصر التفاعلية البسيطة، لكن خيارات التعديل والتخصيص كانت محدودة نسبيًا. أما الإصدار الجديد، فيقدّم تجربة أكثر مرونة، حيث يمكن للمستخدم إنشاء مشروع متكامل، ثم تعديل النصوص والألوان والصور والتصميم مباشرة داخل محرر Canva.
شاهد الشرح العملي خطوة بخطوة من خلال الفيديو:
الأوامر المستخدمة في الفيديو:
أمر أداة الذكاء الإصطناعي:
سننشئ تطبيقًا تفاعليًا صغيرًا يساعد الجمهور على اختيار أداة الذكاء الاصطناعي المناسبة لمهمتهم. فكرة التطبيق بسيطة. عندما يفتح المستخدم التطبيق، تظهر له شاشة ترحيبية تحتوي على عنوان: اكتشف أداة الذكاء الاصطناعي المناسبة لك ثم يضغط على زر «ابدأ الاختبار». بعد ذلك تظهر مجموعة من الأسئلة واحدًا تلو الآخر. السؤال الأول: ما المجال الذي تريد استخدام الذكاء الاصطناعي فيه؟ وتكون الاختيارات: صناعة المحتوى. الدراسة والبحث. التصميم. البرمجة. إدارة الأعمال. السؤال الثاني: ما نوع المهمة التي تريد تنفيذها؟ مثل: كتابة المحتوى. تحليل الملفات. إنشاء الصور. إنشاء العروض التقديمية. بناء التطبيقات. البحث عن المعلومات. السؤال الثالث: ما مستوى خبرتك؟ مبتدئ. متوسط. محترف. وفي النهاية يعرض التطبيق توصية بإحدى الأدوات المناسبة، مع سبب اختيارها وثلاثة استخدامات عملية يمكن البدء بها. فتح Canva Code من الصفحة الرئيسية في Canva، نبحث عن Canva Code. يمكن أن نجده داخل مجموعة أدوات Canva Visual Suite، أو من خلال كتابة Canva Code في شريط البحث. بعد فتحه، ستظهر واجهة المحادثة التي يمكن من خلالها كتابة الأمر. يمكن كتابة الأمر مباشرة، أو الاستعانة بـChatGPT لإعداد Prompt أكثر تنظيمًا. وفي تجربتنا سأستخدم أمرًا مفصلًا حتى تحصل Canva على جميع المعلومات التي تحتاجها من البداية. الأمر المستخدم لإنشاء التطبيق انسخوا هذا الأمر، ويمكنكم تعديله وفق احتياجاتكم: أنشئ تطبيق ويب تفاعليًا باللغة العربية بعنوان: «ما أداة الذكاء الاصطناعي المناسبة لك؟» اجعل التطبيق متجاوبًا ويعمل بصورة جيدة على الهاتف والكمبيوتر، واجعل اتجاه المحتوى من اليمين إلى اليسار RTL. ابدأ بشاشة ترحيبية تحتوي على عنوان كبير، ووصف قصير يوضح أن التطبيق يساعد المستخدم على اختيار أداة الذكاء الاصطناعي المناسبة، وزر واضح مكتوب عليه «ابدأ الاختبار». بعد الضغط على الزر، اعرض الأسئلة واحدًا تلو الآخر، مع شريط تقدم يوضح للمستخدم المرحلة التي وصل إليها. السؤال الأول: ما المجال الذي تريد استخدام الذكاء الاصطناعي فيه؟ الاختيارات: صناعة المحتوى، الدراسة والبحث، التصميم، البرمجة، إدارة الأعمال. السؤال الثاني: ما المهمة الأساسية التي تريد تنفيذها؟ الاختيارات: كتابة المحتوى، تحليل الملفات، إنشاء الصور، إنشاء العروض التقديمية، بناء التطبيقات، البحث عن المعلومات. السؤال الثالث: ما مستوى خبرتك باستخدام أدوات الذكاء الاصطناعي؟ الاختيارات: مبتدئ، متوسط، محترف. بعد انتهاء الأسئلة، اعرض شاشة نتيجة تحتوي على: اسم الأداة المقترحة، وسبب اختيارها، وثلاثة استخدامات عملية لها، وزر «إعادة الاختبار». استخدم أمثلة من أدوات مثل ChatGPT وClaude وGemini وCanva وPerplexity. اجعل التوصية تتغير بناءً على اختيارات المستخدم. استخدم تصميمًا بسيطًا وغير مزدحم، بخلفية داكنة متدرجة من الكحلي إلى البنفسجي، وبطاقات فاتحة، وأزرار بارزة. استخدم خطًا عربيًا واضحًا، واجعل حجم النص مناسبًا للهاتف. أضف حركات انتقالية بسيطة بين الأسئلة، ولا تستخدم مؤثرات كثيرة. لا تضف تسجيل دخول أو عمليات دفع أو أي خصائص معقدة.
أمر تطبيق صانع المحتوى:
أنشئ تطبيق ويب احترافيًا متكاملًا باللغة العربية باسم: **استوديو صناعة المحتوى الذكي** التطبيق عبارة عن منصة تفاعلية تساعد صناع المحتوى على تخطيط حملاتهم، وتنظيم الأفكار، وإنشاء تقويم للنشر، ومتابعة حالة المحتوى من الفكرة حتى النشر. اجعل التطبيق يعمل كتطبيق ويب أحادي الصفحة SPA، ويكون متجاوبًا بالكامل مع الهاتف والتابلت والكمبيوتر. استخدم اتجاهًا كاملًا من اليمين إلى اليسار RTL، مع تصميم احترافي عصري وغير مزدحم. ## الهوية البصرية استخدم خلفية داكنة أنيقة بتدرج من الكحلي الداكن إلى البنفسجي. استخدم الأبيض للنصوص الأساسية، والرمادي الفاتح للنصوص الثانوية، والأصفر أو البنفسجي المضيء للأزرار والعناصر المهمة. استخدم بطاقات بزوايا دائرية وظلال ناعمة. استخدم خطًا عربيًا واضحًا وحديثًا. أضف حركات انتقالية بسيطة عند فتح الأقسام، وتغيير الحالات، وإضافة المحتوى، لكن تجنب المؤثرات المبالغ فيها. أضف زرًا للتبديل بين الوضع الداكن والوضع الفاتح. ## الصفحة الافتتاحية عند فتح التطبيق لأول مرة، اعرض شاشة ترحيبية تحتوي على: العنوان: **حوّل أفكارك إلى خطة محتوى متكاملة** وصف قصير: “خطط محتواك، نظّم أفكارك، تابع الإنتاج، وأنشئ تقويم نشر احترافيًا من مكان واحد.” أضف زرًا رئيسيًا بعنوان: **ابدأ مشروعًا جديدًا** وزرًا ثانويًا بعنوان: **استكشف المشروع التجريبي** عند الضغط على “استكشف المشروع التجريبي”، افتح لوحة التحكم مع بيانات تجريبية جاهزة. ## الشريط الجانبي أنشئ شريط تنقل جانبي قابلًا للطي يحتوي على الأقسام التالية: 1. لوحة التحكم. 2. المشروعات. 3. بنك الأفكار. 4. مخطط المحتوى. 5. تقويم النشر. 6. لوحة الإنتاج. 7. التحليلات. 8. الإعدادات. أضف أيقونة واضحة بجانب اسم كل قسم. في الهاتف، حوّل الشريط الجانبي إلى قائمة تفتح بزر Menu. ## لوحة التحكم اعرض في أعلى لوحة التحكم ترحيبًا بالمستخدم: **مرحبًا بك في استوديو المحتوى الذكي** اعرض أربع بطاقات مؤشرات رئيسية: * إجمالي أفكار المحتوى. * المحتوى قيد التنفيذ. * المحتوى الجاهز للنشر. * المحتوى المنشور هذا الشهر. أضف نسبة التغير مقارنة بالشهر السابق داخل كل بطاقة. أنشئ رسمًا بيانيًا خطيًا يوضح عدد المنشورات خلال الأسابيع الأربعة الماضية. أنشئ رسمًا دائريًا يوضح توزيع المحتوى حسب المنصة: * YouTube. * Facebook. * Instagram. * LinkedIn. * TikTok. أضف قسمًا بعنوان: **أقرب مواعيد النشر** يعرض آخر خمسة عناصر محتوى مرتبة حسب موعد النشر. أضف قسمًا بعنوان: **المهام التي تحتاج إلى انتباه** ويعرض المحتوى المتأخر أو الذي اقترب موعد نشره ولم يكتمل. ## إنشاء مشروع جديد عند الضغط على “مشروع جديد”، افتح نافذة تحتوي على الحقول التالية: * اسم المشروع. * وصف المشروع. * المجال. * الجمهور المستهدف. * الهدف الأساسي. * تاريخ البداية. * تاريخ النهاية. * المنصات المستخدمة. * عدد المنشورات المستهدف. * لون خاص بالمشروع. اجعل المنصات قابلة للاختيار المتعدد. أضف تحققًا من صحة البيانات، ولا تسمح بإنشاء المشروع إذا كان الاسم أو الجمهور أو الهدف فارغًا. بعد إنشاء المشروع، أضفه فورًا إلى قائمة المشروعات ولوحة التحكم. ## قسم المشروعات اعرض المشروعات في شكل بطاقات. كل بطاقة يجب أن تعرض: * اسم المشروع. * الوصف المختصر. * المنصات. * نسبة الإنجاز. * عدد قطع المحتوى. * تاريخ النهاية. * حالة المشروع. الحالات المتاحة: * مخطط له. * نشط. * متوقف مؤقتًا. * مكتمل. أضف أزرارًا داخل كل بطاقة: * فتح المشروع. * تعديل. * نسخ المشروع. * حذف. عند حذف المشروع، اعرض رسالة تأكيد قبل التنفيذ. أضف خيارات للبحث والفلترة حسب الحالة والمنصة والتاريخ. ## بنك الأفكار أنشئ قسمًا لإضافة أفكار المحتوى. كل فكرة تحتوي على: * عنوان الفكرة. * وصف مختصر. * نوع المحتوى. * المنصة. * الجمهور المستهدف. * درجة الأولوية. * الكلمات المفتاحية. * المشروع المرتبط. * تاريخ الإضافة. أنواع المحتوى: * فيديو طويل. * فيديو قصير. * منشور. * مقال. * بث مباشر. * قصة. * إنفوجرافيك. * بريد إلكتروني. درجات الأولوية: * منخفضة. * متوسطة. * مرتفعة. * عاجلة. اعرض الأفكار في شكل بطاقات أو جدول. أضف إمكانية: * البحث. * الفلترة. * الترتيب. * التعديل. * الحذف. * تحويل الفكرة إلى محتوى قيد الإنتاج. أضف زرًا بعنوان: **اقترح فكرة عشوائية** عند الضغط عليه، أنشئ فكرة تجريبية تلقائيًا بناءً على المشروع والمنصة المحددين. لا تعتمد على API خارجي، بل استخدم مجموعة أفكار تجريبية داخل التطبيق. ## مخطط المحتوى عند تحويل فكرة إلى محتوى، افتح نموذجًا تفصيليًا يحتوي على: * عنوان المحتوى. * المنصة. * نوع المحتوى. * الهدف. * الجمهور. * الرسالة الأساسية. * الدعوة إلى الإجراء CTA. * الكلمات المفتاحية. * الموعد المقترح للنشر. * حالة المحتوى. * الشخص المسؤول. * ملاحظات. أضف قسمًا لإنشاء هيكل المحتوى. بالنسبة لفيديو YouTube، اعرض الحقول التالية: * Hook. * المقدمة. * النقاط الأساسية. * المثال العملي. * الخاتمة. * الدعوة إلى الاشتراك أو التعليق. بالنسبة للمنشورات، اعرض: * بداية جذابة. * الفكرة الأساسية. * التفاصيل. * الدعوة إلى التفاعل. * الهاشتاجات. غيّر الحقول تلقائيًا حسب نوع المحتوى الذي يختاره المستخدم. ## لوحة الإنتاج بنظام Kanban أنشئ لوحة Kanban تحتوي على الأعمدة التالية: 1. أفكار جديدة. 2. جاري كتابة المحتوى. 3. جاري التصميم. 4. جاهز للمراجعة. 5. جاهز للنشر. 6. منشور. اعرض كل عنصر محتوى كبطاقة قابلة للسحب والإفلات بين الأعمدة. كل بطاقة تعرض: * عنوان المحتوى. * المنصة. * الموعد. * المسؤول. * الأولوية. عند نقل البطاقة بين الأعمدة، حدّث حالة المحتوى تلقائيًا. احفظ التغييرات حتى بعد تحديث الصفحة باستخدام Local Storage. أضف مؤشرًا بصريًا للمحتوى المتأخر. ## تقويم النشر أنشئ تقويمًا شهريًا تفاعليًا. اعرض عناصر المحتوى داخل أيام التقويم حسب تاريخ النشر. استخدم ألوانًا مختلفة لكل منصة. عند الضغط على أي عنصر داخل التقويم، افتح نافذة تعرض تفاصيل المحتوى. أضف إمكانية: * الانتقال بين الأشهر. * عرض الشهر. * عرض الأسبوع. * عرض قائمة بالمواعيد. * فلترة المحتوى حسب المنصة والمشروع والحالة. أضف زرًا بعنوان: **إضافة محتوى في هذا اليوم** يظهر عند الضغط على أي يوم فارغ. ## التحليلات أنشئ صفحة تحليلات تحتوي على: * إجمالي المحتوى المنشور. * إجمالي المشاهدات التجريبية. * متوسط التفاعل. * أفضل منصة. * أفضل نوع محتوى. * نسبة الالتزام بخطة النشر. أضف رسمًا بيانيًا للمشاهدات حسب الشهر. أضف رسمًا شريطيًا يقارن المنصات. أضف جدولًا بعنوان: **أفضل المحتويات أداءً** يحتوي على: * العنوان. * المنصة. * المشاهدات. * الإعجابات. * التعليقات. * معدل التفاعل. استخدم بيانات تجريبية واقعية قابلة للتعديل. أضف إمكانية تحديد فترة التحليل: * آخر 7 أيام. * آخر 30 يومًا. * آخر 3 أشهر. * هذا العام. ## التنبيهات أنشئ مركز تنبيهات في أعلى التطبيق. أضف تنبيهات تلقائية في الحالات التالية: * اقتراب موعد النشر. * وجود محتوى متأخر. * اكتمال مشروع. * انتقال المحتوى إلى مرحلة المراجعة. * عدم وجود محتوى مجدول للأسبوع القادم. اجعل المستخدم يستطيع تعليم التنبيه كمقروء أو حذف التنبيه. ## الحفظ وإدارة البيانات استخدم Local Storage لحفظ: * المشروعات. * الأفكار. * عناصر المحتوى. * إعدادات المستخدم. * الوضع الداكن أو الفاتح. * حالات لوحة Kanban. * مواعيد التقويم. يجب ألا تختفي البيانات عند تحديث الصفحة. أضف في الإعدادات زرًا بعنوان: **تصدير البيانات** يقوم بتنزيل جميع بيانات التطبيق في ملف JSON. أضف زرًا بعنوان: **استيراد البيانات** يسمح برفع ملف JSON تم تصديره سابقًا واستعادة البيانات. أضف خيارًا لتصدير تقويم المحتوى في ملف CSV. أضف زرًا بعنوان: **إعادة ضبط البيانات التجريبية** واعرض رسالة تحذير قبل حذف البيانات الحالية. ## تجربة المستخدم اجعل جميع الأزرار والحقول والروابط تعمل فعلًا. لا تضف أزرارًا شكلية أو وظائف غير مكتملة. اعرض رسائل نجاح عند: * إنشاء مشروع. * إضافة فكرة. * حفظ محتوى. * نقل بطاقة. * تصدير البيانات. اعرض رسائل خطأ واضحة عند إدخال بيانات غير صحيحة. أضف حالات فارغة احترافية، مثل: “لا توجد مشروعات حتى الآن.” مع زر واضح لإنشاء أول مشروع. استخدم Tooltips قصيرة عند المرور فوق الأيقونات غير الواضحة. أضف زر رجوع في النوافذ الداخلية. أضف مربع بحث عام في أعلى التطبيق للبحث داخل المشروعات والأفكار والمحتوى. ## إمكانية الوصول استخدم تباينًا واضحًا بين النصوص والخلفيات. اجعل التنقل ممكنًا باستخدام لوحة المفاتيح. أضف وصفًا مناسبًا للأيقونات والعناصر التفاعلية. اجعل حجم الأزرار مناسبًا للاستخدام على الهاتف. لا تعتمد على اللون وحده لتوضيح الحالات، بل أضف اسم الحالة أو رمزًا بجانب اللون. ## البيانات التجريبية أنشئ مشروعًا تجريبيًا باسم: **حملة أدوات الذكاء الاصطناعي 2026** الجمهور: المبتدئون وصناع المحتوى. الهدف: تعريف الجمهور بأحدث أدوات الذكاء الاصطناعي من خلال فيديوهات وتجارب عملية. أضف ثماني أفكار محتوى تجريبية موزعة بين YouTube وFacebook وInstagram. أضف بعض المحتويات في مراحل مختلفة داخل لوحة Kanban. أضف مواعيد نشر موزعة خلال الشهر الحالي. أضف بيانات تحليلية تجريبية حتى تظهر الرسوم والجداول بشكل احترافي عند فتح التطبيق. ## متطلبات نهائية مهمة اجعل جميع النصوص باللغة العربية الصحيحة. حافظ على اتجاه RTL في كل أجزاء التطبيق، بما في ذلك النوافذ والنماذج والتقويم والجداول. اجعل التطبيق سريعًا ومنظمًا ومتجاوبًا. لا تستخدم خدمات خارجية أو مفاتيح API. لا تضف تسجيل دخول حقيقيًا أو عمليات دفع. لا تغيّر أسماء الأقسام أو تحذف أي وظيفة مطلوبة. ابدأ بإنشاء نسخة عملية مكتملة الوظائف، ثم حسّن الشكل البصري دون التأثير على الوظائف. اختبر التنقل بين جميع الأقسام، وإضافة مشروع وفكرة ومحتوى، ونقل البطاقات، وحفظ البيانات قبل إنهاء المشروع. لاقم بإعطائي اي بيانات أو أرقام تجريبية. اريد أن ابدأ في العمل عليه من البداية
