ربما رأيت بعض الفسيفساء ثلاثية اللوحات على صفحتك الزمنية. إليك كيفية إنشائها باستخدام @bot في @figma.
https://x.com/kazarov_d/status/2094470313862136145
أي مصمم يعرف كيف يصنع واحدة، لكنها مجرد مهمة مزعجة بعض الشيء.
https://x.com/studiobakers/status/2095077637639262295
لذا يجب أن نسأل "كيف يمكنني استخدام الذكاء الاصطناعي لجعل هذه المهمة أقل إزعاجًا بنسبة 90%، حتى أركز على الأجزاء الإبداعية الرائعة من التصميم"
روبوت Grok يمكنه فعل ذلك بالضبط.
إذا كنت لا تهتم بـ"الكيفية" وتريد فقط قالب @bot، يمكنك العثور على واحد هنا: https://x.ai/bot/dYpPe1PCZv2WJDVTYDwhc
وإلا، إليك كيف بنيتُ خاصتي:
بناء الفسيفساء الضوئية
نهجي العام مع روبوت Grok هو: حلل كيف ستنشئ الأصول بنفسك، ثم اطلب من @Bot أن يفعل نفس الشيء بالضبط.
في هذه الحالة، كان سير العمل عبارة عن تصميم في Figma.
https://x.com/justinsunyt/status/2096635033603756354
هذه مجرد لوحة رسم تحتوي على أصل رئيسي، مقسم إلى مكونات وموزع عبر ثلاث لوحات. يمكننا هندسة نسب الأبعاد عكسيًا من خلال النظر إلى المنشورات الحالية على X.
طلبت من Bot أن يفعل هذا بالضبط - إليك طلبي الأول المحسّن.
استبدل Cursor Gothic، و[رابط إلى الصورة]، و[أدخل الملف] بأصولك.
1قم بهندسة عكسية لتنسيق النشر هذا - إنها فسيفساء ضوئية من ثلاث صور تندمج في لقطة شاشة عريضة واحدة على خلفية مشتركة.23https://x.com/kazarov_d/status/20944703138621361454https://x.com/studiobakers/status/209507763763926229556- اسحب كل لوحة بدقة كاملة واحصل على نسب الأبعاد.78- قص ثلاث لوحات تصدير (يسار / وسط / يمين)910- اجعلها تصميمًا جديدًا في الملف المرفق [أدخل الملف] - احتفظ بها في قسم واحد1112- خلفية جديدة عبر جميع اللوحات الثلاث [رابط إلى الصورة] - استخدم هذا الأصل، وليس خلفية المنشور المرجعي1314- الأصل الرئيسي: لقطة شاشة لموقع cursor.com على شاشة 4K محاكاة (2× DPR). قم بتكبير الصفحة بحيث يمكن قراءة واجهة المستخدم/النص من مسافة. تأكد من أن الالتقاط هو بالفعل الصفحة الرئيسية (شريط التنقل + العنوان الرئيسي)1516- ظل مسقط مركزي + زوايا دائرية حقيقية على النافذة. الزوايا العلوية لصفحة الويب تحتاج إلى طبقة مقصوصة/مقنعة وإلا ستبدو مربعة1718- كروم على طراز Arc: غلاف Cursor Ink داكن، أضواء مرور ملونة، عنوان URL مركزي بخط Cursor Gothic. يجب أن يلتصق شريط العنوان + نص URL بالارتفاع. هامش داخلي متساوي يمين/يسار/أسفل حول الصفحة1920- نظم في Figma باستخدام مكونات بحيث تحديث واحد يطبق على كل لوحة - الخلفية، الأصل الرئيسي (Arc)، الرئيسي، بالإضافة إلى ثلاث مقاطع تصدير من الرئيسي2122ينتهي عملك عندما يؤدي تعديل الخلفية أو الأصل الرئيسي مرة واحدة إلى تحديث الرئيسي وجميع الصادرات الثلاث.
بعد إرسال الطلب، تحقق من الروبوت الخاص بك كل بضع دقائق - إذا كانت الأمور تسير بشكل خاطئ، اسأل عن السبب.
ربما لا يستخدم الروبوت التخطيط التلقائي بشكل صحيح. ربما الحشو غير صحيح. ربما يحتاج نصف قطر الحدود إلى تعديل.
قم بالتعديل، ودوّن ملاحظة عن سبب الحاجة إليه، ثم أدمج هذه الأشياء في طلبك التالي.
أشاهد روبوتي وهو يعمل
بعض النقاط العامة:
- أستخدم لغة دقيقة. لاحظ كيف أسميتها "فسيفساء ضوئية" وليس "صورة داخل صورة كثلاثة أشياء على شيء"
- لم أكن أعرف ما هي الفسيفساء الضوئية، لكنني سألت Grok "ماذا يُسمى عندما يتم تجميع ثلاث صور معًا لتكوين صورة أكبر"
- يجب أن يبدأ كل طلب من عقلية المبتدئ - كيف أتعلم كل ما أحتاجه للقيام بذلك بشكل جيد؟
- محاولتي الأولى لم تكن مثالية. لقد وصلت إلى الطلب أعلاه بسؤال Grok Bot "أخبرني بما كنت تحتاجه مقدمًا لتفعل هذا بشكل صحيح من المحاولة الأولى"
- اسأل دائمًا، "كيف يمكنني تكرار سير العمل هذا أو ضمان أن الذكاء الاصطناعي يمكنه فعل كل شيء في المرة القادمة؟" هذا شيء يؤكد عليه @poteto بشدة.
- لم أستخدم روبوتًا متخصصًا لهذا - فقط روبوت عام متصل بـ Figma. لمرة واحدة، هذا جيد، لكن للمهام المتكررة، سأقوم على الأرجح بإنشاء روبوت متخصص.
روبوت Grok يتعلق بأكثر من مجرد استخدام الذكاء الاصطناعي بفعالية - إنه يتعلق بكيفية استخدام الكمبيوتر بفعالية.
هذا يعني التفكير من المبادئ الأولى، والتواصل بفعالية، والتحلي بالصبر. استخدام روبوت Grok يتعلق في الغالب بحل المشكلات.
الأصل النهائي
بالإضافة إلى ذلك، لدي الآن أصل دائم يمكنني إعادة استخدامه - كما فعلت في هذا المنشور:
إعادة استخدام أصلي لمنشور إعلان iPad
بدون فهم هذا التنسيق، لم أكن لأتمكن من إنشاء إعلان iPad في الوقت المناسب.
دور المبدع هو إثارة المشاعر.
روبوت Grok يسمح لي بالتركيز على اختيار الأصول والصور، بينما يتولى هو كل شيء آخر.
السؤال الأكثر شيوعًا الذي أتلقاه هو "كيف يمكنني استخدام روبوت Grok" - إليك طريقة واحدة لاستخدامه في التصميم.
