00:00:00إن تصميم وتطوير الأجواء واللمسات الفنية بالنسبة لي هو أقرب شيء رأيته لبرنامج "فلاش" منذ عقدين تقريبًا.
00:00:07معنا توم كراكر، الرئيس التنفيذي لشركة Pencil.
00:00:10Pencil.dev
00:00:11ويُطلق عليه اسم Pencil.
00:00:13تطبيق جديد يُدعى Pencil.
00:00:14Pencil.dev
00:00:15بدأت أشعر أننا نكتشف الآن تجارب مستخدم جديدة للتفاعل مع الذكاء الاصطناعي لم نرها من قبل.
00:00:22هذه المؤشرات وعمليات المسح وكل هذه الأشياء ليست سوى قمة جبل الجليد، وسنرى الكثير غيرها.
00:00:29مثل Banana أو مولدات الصور هذه التي تنتج صورًا رائعة، ولكن ماذا عن الرسوم التوضيحية؟
00:00:34أعتقد أن الرسوم التوضيحية ستكون ضخمة جدًا في النصف القادم من عام 2026.
00:00:39هل هناك نماذج محددة تتفوق بشكل ملحوظ على غيرها في مجال التصميم؟
00:00:45أعتقد أن المفضل لدي هو...
00:00:48سأطرح عليك سؤالاً لكسر الجمود.
00:00:51في الماضي، كنت ملمًا جدًا ببرنامج Adobe Flash.
00:00:54هل لا تزال تتقن لغة ActionScript؟
00:00:56نعم، بالتأكيد، لقد نشأت على فلاش.
00:00:59كانت انطلاقتي الأولى في عالم التكنولوجيا، وبدأت باستخدام فوتوشوب عندما كنت في السابعة.
00:01:09لاحقًا، كان والداي يمتلكان وكالة تصميم، فكنت أقضي وقتي هناك بعد المدرسة مع المصممين، وكانوا يعلمونني أدوات مختلفة، من فوتوشوب وإليستريتور إلى CorelDRAW حينها، وكان كل ذلك للتصميم المطبوع.
00:01:26ثم ظهر الإنترنت في أواخر التسعينيات وزاد اهتمامي بالأشياء التفاعلية، فبدأت في تعلم HTML وDHTML وكل تلك التقنيات القديمة، حتى ظهر فلاش في إصداره الثالث.
00:01:45قلت حينها: "واو، ما هذا بحق الخالق؟"
00:01:48كانت العناصر تتحرك وتتحول لرسوم متحركة وبها أصوات وكل شيء.
00:01:55وقعت في حب فلاش فورًا وبدأت في بناء المواقع باستخدامه، وفزت بجائزة في مؤتمر براغ يُدعى "Junior Internet".
00:02:07وإذا سألت أي شخص من براغ يتذكر ذلك المؤتمر، سيعرف أنه كان بداية مسيرة مهنية للكثيرين، وفي النهاية بدأنا البناء، حيث كان فلاش هو الطريقة الوحيدة لبث الفيديو عبر الإنترنت.
00:02:25لذا بدأت في بناء مشغلات فيديو لمختلف المنافذ الإخبارية وغيرها.
00:02:29كان ذلك مدخلي إلى Adobe لأننا بدأنا نستخدم خوادم فلاش ميديا بكثافة، فلاحظت Adobe ذلك وعرضوا عليّ وظيفة لأصبح مبشرًا تقنيًا لبرنامج فلاش لديهم.
00:02:44هكذا بدأت القصة، ثم بدأت في بناء أدوات التصميم والتحدث في مؤتمرات التصميم ومحاورة الكثير من المصممين.
00:02:55نعم، كانت هذه هي البداية الحقيقية لقصتي.
00:02:59لقد شاهدت أيضًا بعض الفيديوهات لك وأنت تحاضر في مؤتمرات لألعاب الفيديو وغيرها.
00:03:06هل صممت ألعابًا باستخدام Adobe أيضًا؟
00:03:09نعم، بالتأكيد.
00:03:10كان فلاش يُستخدم للكثير من المحتوى التفاعلي، بما في ذلك الألعاب، وفي النهاية أصبحت مبشرًا تقنيًا للألعاب في Adobe وكنت أساعد الشركات في جلب تطبيقاتها وألعابها إلى فلاش.
00:03:26كنت أتحدث في مؤتمرات الألعاب وأساعد المطورين في نقل ألعابهم إلى فلاش، وأحد الأمثلة الشهيرة هي لعبة Machinarium.
00:03:40كانت من أوائل الألعاب التي نُقلت من فلاش إلى نظام iOS عبر Adobe Air، وكانت لحظة فارقة لعمل ألعاب فلاش على الآيباد.
00:03:55لقد كانت لحظة كبيرة.
00:03:56أصبحت لعبة الشهر على متجر تطبيقات آبل وحققت شعبية هائلة.
00:04:04هل كنت أيضًا جزءًا من مجتمع Newgrounds في ذلك الوقت؟
00:04:08لا، ما هو؟
00:04:11Newgrounds كان الموقع الذي تُدرج فيه كل ألعاب وأفلام فلاش.
00:04:18كان يحظى بشعبية كبيرة قبل ظهور يوتيوب.
00:04:21ظننت أن هذا هو موقع Miniclip.
00:04:23أوه Miniclip، أتذكره جيدًا.
00:04:24Miniclip كان هو الموقع المفضل بالنسبة لي.
00:04:28لكنني كنت أقضي طوال يومي على مواقع الجوائز المفضلة مثل FWA وغيرها.
00:04:35لكننا الآن نعود بعيدًا جدًا في تاريخ الإنترنت والويب التفاعلي.
00:04:43أعتقد أن هذه كانت اللبنات الأولى التي أدت في النهاية إلى Pencil.
00:04:49ولكنك بنيت أيضًا سكربت أو أداة تُدعى DrawScript على برنامج إليستريتور.
00:04:55هل يمكنك التحدث عنها؟
00:04:56بالتأكيد، DrawScript كان ملحقًا (Plugin) لإليستريتور يسمح لك بتحويل الرسومات إلى لغة جافا سكريبت، ثم أخذ ذلك الكود لإعادة رسم ما صممته برمجيًا.
00:05:18كانت هذه هي الفكرة.
00:05:19لقد بحثت قليلًا في رحلتك من التصميم إلى البرمجة، وأتساءل ما الذي دفعك لجعل التصميمات قابلة للتحويل إلى كود؟
00:05:35ما الذي ولد هذه الرغبة؟
00:05:37في الحقيقة، لم يكن هناك أي حل لجلب الرسومات إلى الكود.
00:05:45كنت ترغب في الحصول على أيقونات وأشياء أخرى، وكانت تقنية SVG محدودة جدًا في ذلك الوقت وربما غير مدعومة بشكل جيد، لكنك أردت رسم أشياء معينة على مساحة الرسم (Canvas) في HTML.
00:06:04كانت هذه الأداة تسمح لك بذلك، فبمجرد حصولك عليها ككود، يمكنك جعلها تفاعلية وتحويلها إلى ألعاب وغير ذلك.
00:06:15والعمل عليها لجعلها تتحرك وتصبح متاحة للرسوم المتحركة وأمور أخرى.
00:06:23نعم، كانت تلك الأداة هي البوابة لذلك.
00:06:29أثناء وجودك في Adobe، عملت أيضًا على Adobe XD.
00:06:34ما كانت الرؤية الأصلية له؟
00:06:36وهل كان يُفترض أن يكون بديلًا لـ Dreamweaver، أم كيف نشأ XD؟
00:06:42كان ذلك في وقت ظهر فيه Sketch، وكان فوتوشوب يُستخدم كثيرًا لتصميم المواقع.
00:06:54لكننا أدركنا أنه سيكون من الرائع تقديم منتج جديد تمامًا مخصص لهذا الغرض، وهو تصميم المواقع والتطبيقات، خاصة في عصر كان فيه الجميع يبني تطبيقات للهواتف.
00:07:12لذا أردنا إلقاء نظرة جديدة على هذه الأمور والبدء من المبادئ الأساسية.
00:07:18ماذا يعني أن نبدأ تمامًا من الصفر؟ فوضعنا مبادئ بأن يكون البرنامج خفيفًا، وسهل الاستخدام، وسريعًا، ويسمح برسم عدد هائل من لوحات الرسم (Artboards).
00:07:35في فوتوشوب، كان بإمكانك العمل على شيء واحد فقط في البداية، لكن ما كنت تحتاجه حقًا هو رؤية تسلسل الخطوات عبر كل هذه الشاشات المختلفة.
00:07:49وكان Adobe XD هو الأداة التي تسمح لك بذلك، فقد صُمم لهذا الغرض خصيصًا.
00:07:54كما كان بناء النماذج الأولية (Prototyping) جزءًا منه.
00:07:57حيث يمكنك ربط هذه الشاشات ببعضها وإضافة مناطق قابلة للتمرير وغير ذلك.
00:08:03نعم.
00:08:05سأنتقل الآن مباشرة إلى Pencil، فمن الجميل رؤية رحلتك من Adobe إلى بناء هذا الشيء الذي يشبه XD ولكنه يعتمد بكثافة على الذكاء الاصطناعي.
00:08:17في أي لحظة بدأت تدرك قوة النماذج اللغوية الكبيرة (LLMs) والوكلاء البرمجيين (Agents)؟
00:08:24كانت هناك بعض الشركات الناشئة بينهما، لكن في النهاية بدأت أتعمق في أدوات مثل Cursor وClaude Code كحال الجميع، وكنت أبني شيئًا آخر، لكنني أدركت أثناء استخدام Cursor: "يا إلهي، كيف أشرح للنموذج اللغوي أن هذا الزر يجب أن يبدو بالشكل الذي أتخيله؟"
00:08:52أو أن هناك شريط تنقل يجب أن يكون مثبتًا في الأعلى، وبداخله هذه الأزرار.
00:09:00شعرت أنني أكتب مقالات نصية للنماذج اللغوية في محاولة لتوجيهها لعمل شيء أتخيله بصريًا.
00:09:09بحثت حولي ولم أجد أي حل.
00:09:11بحثت في متجر إضافات VS Code وغيره، ولم يكن هناك شيء يتيح لك ببساطة رسم شيء ما وإخبار النموذج اللغوي: "افعل هذا".
00:09:23كان هذا قبل انتشار بروتوكولات MCP وغيرها، فكانت الفكرة الأولية هي استخدام تنسيق JSON، فالنماذج اللغوية بارعة في قراءة البيانات المنظمة وتحويلها إلى أي نوع من الكود.
00:09:38لذا بنيت نموذجًا أوليًا ونشرته.
00:09:41كان ذلك في مايو 2025 وحقق انتشارًا واسعًا.
00:09:45حصد حوالي مليون مشاهدة على وسائل التواصل، منها 850 ألفًا على منصة X وحوالي 400 ألف على LinkedIn.
00:09:53فقلت: "واو، يبدو أن هذه ليست مشكلتي وحدي، بل هناك آخرون يحتاجون لهذه المساعدة".
00:10:03ولم يكن أحد يقدم تلك المساعدة في الانتقال من التصور البصري السريع إلى الكود.
00:10:10بمجرد بنائه، توالت عليّ أفكار أخرى، منها أنني أستطيع فعليًا توليد هذه التصاميم.
00:10:23الأمر لا يقتصر عليّ في رسم شيء ما، بل يمكنني إخبار النموذج اللغوي: "ارسم لي هذا، وولد لي ذلك".
00:10:30هنا أدركت أننا على وشك الدخول في عصر "تصميم الأجواء" (Vibe Designing).
00:10:39هل كان ذلك العرض التوضيحي لـ "وضع التصميم لـ Cursor" هو الذي انتشر؟
00:10:42نعم، كان يُدعى "Design Mode for Cursor".
00:10:45نعم، وهو ما زال متاحًا لدينا في الأساس.
00:10:49إنه بمثابة مساحة رسم (Canvas) داخل بيئات التطوير المبنية على VS Code مثل Cursor وWindsurf وDigravity.
00:10:59إنه في الأساس محرر مخصص ومرئي داخل بيئة التطوير الخاصة بك.
00:11:07يمكنك القيام بما تريد، ثم تختار شيئًا من مساحة الرسم وتنسخه في الدردشة، حيث تظهر كوصلة أو يشير إليها البرنامج ليعرف ما اخترته.
00:11:21وسيبدأ في استخراج المعلومات منها وتحويلها إلى ما تريده تمامًا.
00:11:28لا يهم إن كنت تستخدم React أو أي مكتبة أخرى، فالتقنية مستقلة عن أطر العمل، حيث يمكنك التفكير وتوليد الأفكار بسرعة ثم تحويلها لأي شيء.
00:11:45هل هذا يعني أنه يستخدم CSS مجردًا أم يدمج مكتبات مثل Tailwind أو Shadcn؟
00:11:52يمكنك اختيار ما تريد، فما يحدث في الخلفية هو ملف JSON منظم يحدد مظهر ما تصممه، ولدينا قواعد مدمجة للتحويل إلى Tailwind مثلًا.
00:12:10لكن يمكنك كتابة قواعدك الخاصة التي تناسب مشروعك البرمجي تحديدًا؛ فملف "pen" هذا يعيش داخل مستودع git الخاص بك.
00:12:23لذا يمكن لأي مهندس أو وكيل ذكاء اصطناعي الوصول إليه مباشرة وتحويله لما تريد.
00:12:32يمكنك كتابة قواعدك الخاصة حوله وجعله ملائمًا تمامًا لأسلوبك.
00:12:39وأعتقد أن هذه هي النقطة الجوهرية.
00:12:41عندما استخدمت Pencil لأول مرة، شعرت أنه سحري حقًا، وأحاول فهم آلية عمله تقنيًا.
00:12:49لقد رأيت ملف JSON وملف pen، لكنني لا أعرف كيف يترجم ذلك لواجهة مستخدم يمكنني التفاعل معها وسحب المربعات وتغيير الألوان.
00:13:01وكذلك كيف يفهم الوكيل البرمجي ذلك ويفعل الشيء نفسه تمامًا.
00:13:05كيف توصلت لهذا المزيج بين تصميم الإنسان وتصميم الوكيل على نفس الملف؟
00:13:12هناك عدة جوانب؛ أردنا بناء بيئة مألوفة جدًا يمكنك اتقانها من اليوم الأول، بل من الدقيقة الأولى.
00:13:23بحيث تقول: "حسنًا، يمكنني توجيه نفسي في مساحة الرسم هذه، واستخدام ميزة التكبير والتصغير".
00:13:29مع وجود لوحة الخصائص في جانب ولوحة الطبقات في الجانب الآخر، لجعل الأمر مألوفًا للغاية.
00:13:36لكن في الوقت نفسه، فتح ذلك آفاقًا لأشياء لم يحلها أحد من قبل، مثل كيفية "الدردشة مع التصميم".
00:13:47وقد منحنا ذلك فرصًا للابتكار، وآخر ما عرضناه في الفيديو كان سربًا من الوكلاء الذين يعملون على التصميم معًا كأنهم فرقة موسيقية متناغمة.
00:14:02وهناك بصراحة الكثير مما يمكن فعله كل يوم.
00:14:10أكتشف أشياء جديدة لم تكن ممكنة من قبل، أولًا لأن النماذج اللغوية تفتح آفاقًا جديدة مع كل إصدار، مما يتيح لنا فعل المزيد.
00:14:24كما أننا نبتكر أفكارًا جديدة من خلال التحدث مع المستخدمين ومراقبة تفاعلهم.
00:14:32والآن يريدون التحكم فيه عن بعد وكل أنواع المزايا؛ هناك الكثير للقيام به.
00:14:39إنه أمر جنوني.
00:14:40كنت فضوليًا لمعرفة النموذج الذي بدأت به، ومتى أدركت أن النماذج يمكن أن تبدع في التصميم لأن الإصدارات الأولى لم تكن جيدة.
00:14:50ثم أعتقد أنهم ركزوا على إضافة بيانات تصميمية في بيانات التدريب.
00:14:54نعم، لا تزال هناك فجوة.
00:14:57لكنها تتحسن مع كل إصدار نموذج جديد.
00:15:01أعتقد أننا بدأنا مع Sonnet 3.5 أو ربما 3.7.
00:15:10في البداية، كان عليك إخبار النموذج بالكثير حول كيفية ظهور الأشياء.
00:15:18ومع تقدمنا، وصلنا لمرحلة يمكنك فيها فقط قول "صمم لي موقعًا إلكترونيًا".
00:15:27وسيقوم بعمل جيد إلى حد ما.
00:15:31والشيء الثاني الذي أحدث تغييرًا كبيرًا مع تطور النماذج والوكلاء هو ما نسميه "الاستنباط" (Elicitation)، حيث يطرح عليك الوكيل أسئلة إضافية مثل: "ماذا تريد بالضبط؟"
00:15:46هذا يشبه تمامًا كونك عميلاً لدى وكالة تصميم؛ فأول شيء يفعله المصمم أو مدير المشروع هو إجراء مقابلة معك لاستخراج أكبر قدر من المعلومات لبناء الشيء المناسب لك.
00:16:10لا يمكننا توقع كل شيء، فهذه النماذج أصبحت قوية جدًا، لكنني أعتقد أن هذا الحوار القائم الآن بشكل متزايد مع الوكلاء هو مفتاح النجاح.
00:16:22في البداية كنت تقول "صمم لي شيئًا" فيصمم شيئًا فتقول "هذا ليس ما أردته أبدًا".
00:16:29لكن الآن من خلال الحوار، سيستخرج ما تريده حقًا وكيف تريده.
00:16:34وبذلك يقترب أكثر فأكثر من فعل الشيء الصحيح لك.
00:16:40وهذا فرق جوهري.
00:16:43أتخيل أنك اختبرت الكثير من النماذج مع Pencil.
00:16:48هل هناك نماذج معينة تتفوق بشكل ملحوظ في التصميم؟
00:16:54أعتقد أن المفضل لدي هو Opus 4.6، ومن خلال ملاحظة الكثيرين في المجتمع، فهو يمثل المعيار الحالي وأفضل ما توصلت إليه التقنية في التصميم.
00:17:10إنه يعمل بشكل رائع مع البيانات المنظمة أيضًا.
00:17:15وفيما يخص التنسيق، فهو يرتكب أقل قدر من الأخطاء.
00:17:22وبالنسبة للنماذج الأخرى، نضطر لتصحيح بعض سلوكياتها.
00:17:28لا بأس بذلك، فهي مسألة اكتشاف هذه الفروق الدقيقة وضمان تصحيحها أو إخبار الوكيل: "لقد أخطأت هنا، أعد المحاولة مرة أخرى".
00:17:42وعادة ما ينجح الأمر. التحدي الوحيد في Opus هو أنه بطيء نوعًا ما، رغم تميزه.
00:17:54أول مرة رأيت فيها سحرًا حقيقيًا كان عند صدور Composer من Cursor، وقلت: "واو، هذا سريع".
00:18:04إنه يصمم بينما أفكر في الأشياء.
00:18:08لذا ما آمل رؤيته مع تقدمنا هو تحسن الجودة بالتأكيد.
00:18:19لكنني آمل حقًا أن تركز هذه المختبرات الآن على السرعة.
00:18:24وهذا بدأ يحدث بالفعل مع Cerebras وSpark وغيرها.
00:18:30آمل حقًا أن تركز المرحلة القادمة من الابتكار على السرعة، لأن ذلك سيسمح لك كمصمم بالبقاء في حالة تركيز وانسيابية (Flow).
00:18:42وغالبًا ما يكون القيام بعدة محاولات سريعة أهم من الحصول على النتيجة الصحيحة من المرة الأولى.
00:18:51أنت تريد المشاركة في العملية، وهذه النماذج السريعة تسمح لك بذلك.
00:18:58وبالنسبة لنا، هذا مبدأ مهم جدًا عند بناء الأشياء؛ لضمان بقائك في حالة الانسيابية.
00:19:06هذا هو الفرق الكبير بين الذهاب لأداة "برمجة بالأجواء" وكتابة أمر ثم الذهاب لشرب القهوة والعودة بعد 10 دقائق لتكتشف أنها بنت شيئًا لم تكن تريده.
00:19:19تصميم الأجواء مختلف.
00:19:21أنت تريد رؤية الأشياء تحدث في الوقت الفعلي.
00:19:24لذلك وضعنا تلك المؤشرات التي تتحرك لترى ما يحدث وكيف يفكر النموذج في هذه الأمور.
00:19:33التواصل المستمر مع المستخدم مهم جدًا عندما تستغرق الأمور وقتًا أطول مما ينبغي.
00:19:42لكنني آمل أيضًا أن تصبح هذه النماذج سريعة لدرجة أن تظهر النتائج في الوقت الفعلي.
00:19:49وشيء آخر جدير بالذكر هو أن المعالجة المتوازية (Parallelism) ستحدث طفرة كبيرة.
00:19:57فحتى لو كان النموذج بطيئًا، إذا استطاع فعل عدة أشياء في وقت واحد، فلن يمثل البطء عائقًا.
00:20:08لا بأس بأن يستغرق بعض الوقت، لكنك تريد العمل على عدة مناطق في مساحة الرسم في نفس الوقت.
00:20:17أريد العمل هنا، وفي نفس الوقت لا تضطر لانتظار انتهاء الوكلاء.
00:20:23يمكنك البدء في تعديل التصميم بينما يعمل الوكيل عليه، وهو أمر رائع جدًا في Pencil.
00:20:32يمكنك البدء في إعادة تنظيم الأشياء وهو لا يزال يعمل، وهذا هو السبب في أن "تصميم الأجواء" منطقي أكثر مقارنة بمجرد البرمجة.
00:20:45لأنه لا يمكنك حقًا لمس الكود أثناء عمل الوكيل عليه، فقد تفسد الأمور وقد لا يعمل الكود.
00:20:54لكن هنا، ولأن العناصر منفصلة على مساحة الرسم، يمكنك القيام بذلك.
00:21:01كنت سأقول إن أكثر ما يعجبني في رحلة Pencil هو امتلاكك لخبرة واسعة في عالم التصميم؛ لأن الكثير من أدوات "البرمجة بالأجواء" الحالية...
00:21:10يفكر بعض الناس في "هل يمكننا فعل ذلك؟" بدلًا من "هل يجب علينا فعله؟". لقد رأيت مصممي أجواء من قبل ببيئات عمل سيئة، لكني أحب نهجك في محاولة مساعدة البشر بدلًا من استبدالهم.
00:21:25هذا هو نوع أدوات الذكاء الاصطناعي التي أنجذب إليها، وأعتقد أن هذا نهج رائع جدًا في Pencil.
00:21:30نعم، مئة بالمئة. لقد تحدثت مع بعض مستخدمينا، ويذكرون حقيقة أنهم يشعرون الآن بوجود مجموعة من المصممين المبتدئين يعملون معهم في رحلتهم، مما يمكنهم من تنسيق الأمور بشكل أسرع وأفضل.
00:21:51سابقًا كان هناك الكثير من العمل اليدوي على الهوامش الداخلية والخارجية وحجم الخط وكل هذه التفاصيل.
00:22:01وكنت تقضي ساعات طوال في هذه الأشياء، بينما تكون الرؤية واضحة بالفعل في ذهنك.
00:22:07كنت تحتاج فقط لهذا الوقت الإضافي لإنهاء الماراثون، لكن الآن يمكنك الركض بسرعة فائقة. وبما أنك ترى النتيجة بالفعل، فأنت تريد فقط تجسيدها.
00:22:20بالعودة لما قلته عن الوكلاء المتوازيين، هل تقصد وجود عدة وكلاء يعملون على نفس التصميم، أم وكلاء يعملون على تصاميم مختلفة؟ ماذا تقصد بالتوازي؟
00:22:38كل ما سبق في الحقيقة. الأمر مثير للاهتمام؛ ففي البداية بدأنا بالبحث في التوازي لاستكشاف بدائل مختلفة لنفس التصميم في أماكن مختلفة من مساحة الرسم.
00:22:53لكنني تساءلت: لماذا لا يعمل عدة وكلاء على نفس الصفحة؟ وهذا ممكن فعلاً. والسبب هو أنه إذا تم التنسيق جيدًا، يمكنهم تقسيم العمل دون تعارض، على عكس الكود الذي لا يمكنك فعل ذلك فيه.
00:23:15يحتاجون فقط لامتلاك نفس الفهم للهدف الذي تحاول تحقيقه، وسيقسمون العمل ليعمل كل منهم في قسم مختلف من الموقع؛ كأن يعمل أحدهم على قسم الواجهة، والآخر على القسم الأوسط، والثالث على التذييل.
00:23:32ويمكنك تشغيل عدة وكلاء لكل صفحة، وهو ما عرضته في آخر فيديو نشرته على X، حيث كانت هناك ثلاث صفحات ووكيلان لكل صفحة.
00:23:50هناك ورقة بحثية من Cognition تنصح بعدم تشغيل وكلاء متعددين بسبب مشكلة السياق؛ فليس لديهم جميعًا نفس السياق لما يحاولون فعله. وضربوا مثالاً ببناء لعبة سوبر ماريو، حيث قد يعمل أحدهم على المستوى والآخر على الشخصيات، لكن قد تختلف الجاذبية بينهما لعدم وجود تنسيق. فكيف جعلت ذلك يعمل في Pencil؟
00:24:15بالسحر! في الواقع، تطلب الأمر الكثير من المحاولات، وعليك الاستمرار في التعمق في الأمر. وبصراحة، نحن لا نزال في البداية، وأعتقد أننا فقط أظهرنا الاتجاه الذي يمكن أن تسلكه الأمور.
00:24:32وهناك الكثير مما يجب فعله فيما يخص العمل مع السياق المشترك وتحسينه، والعودة للسرعة واستهلاك الرموز (tokens)، فهناك الكثير من العمل بانتظارنا.
00:24:49لقد بدأنا للتو حقًا، وهناك أشياء مثيرة تنتظرنا. يمكنك تحديد أدوار مختلفة كما ذكرت، وأعتقد أن الشيء المثير بالنسبة لي هو وجود وكلاء بنفس الدور مقابل أدوار مختلفة؛ فعادة عندما يتحدث الناس عن فرق الوكلاء، يكون لديهم أدوار مختلفة.
00:25:14وهذا رائع، لكنهم في النهاية يفعلون أشياء مختلفة وينتظرون بعضهم البعض. أما التوازي الذي يحمسني فهو أن هؤلاء الوكلاء لا ينتظرون بعضهم، بل يعملون فعليًا بالتوازي مثل معالج الرسوميات (GPU).
00:25:30باعتبار وجود العديد من الأدوات والنماذج وأطر عمل الوكلاء، ما هي الأدوات التي تستخدمها عند العمل مع Pencil؟ وكيف تنتقل بين الوكيل والأداة؟
00:25:45هل تقصد نوع الأدوات داخل Pencil أم بشكل عام؟
00:25:49كلاهما؛ فهل تستخدم Codex؟ أم Claude Code؟ أم Gemini؟ ماذا تستخدم؟
00:25:57كل ما سبق؛ كانت لحظة مفاجئة لي عند إطلاق Pencil رؤية عدد التوليفات المختلفة التي يرغب الناس في استخدامها.
00:26:08انفجر خادمنا على Discord فورًا وبدأ الجميع يسأل: "هل يمكنني استخدامه مع هذا النموذج؟" الذي لم أسمع به من قبل.
00:26:17وهل يمكنني استخدامه مع إطار عمل الوكلاء هذا أو واجهة الأوامر هذه؟ لقد فوجئت بمدى اتساع هذا العالم اليوم.
00:26:30ونحن لا نزال في البداية وسنرى أنواعًا مختلفة من هذه التوليفات.
00:26:38أعتقد أنه في Pencil الآن، يمكنك تشغيل إطار عمل في Codex وآخر في Opus وثالث مع Gemini وهكذا.
00:26:48إنه أمر مذهل حقًا أن تتمكن من تشغيل كل هذه النماذج في وقت واحد لمقارنة النتائج.
00:26:56يمكنهم التعاون مع بعضهم البعض، وهذا أمر مثير.
00:27:02أنا فضولي لمعرفة كيف تقيمون النماذج داخليًا من حيث قدراتها التصميمية، هل لديكم نظام للتحقق مع كل إصدار نموذج جديد؟
00:27:14نعم بالتأكيد، هناك بعض الطرق المؤتمتة، لكن لا يزال هناك الكثير من العمل اليدوي لأننا في مراحل مبكرة جدًا.
00:27:32عندما تصدر نماذج جديدة، أول ما يحمسني هو رؤية ما تقدمه. أحيانًا تكون فروقًا بسيطة لا يمكن وصفها بالكلمات، لكنك تراها وتلاحظ تفاصيل أكثر بقليل، مثل الانتقال من Opus 4.5 إلى 4.6.
00:27:51لا يمكنني حتى وصف الفرق، فالناس يسألونني عنه وأتمنى لو أستطيع إخبارهم، لكن عندما تجربه تراه بنفسك؛ تفاصيل أكثر قليلاً هنا وهناك تجعل الأمر منطقيًا أكثر.
00:28:03وأعتقد أن هذا هو التطور الذي سنمر به وصولاً لنسخة Opus 5.0 وغيرها، وهناك أيضًا نماذج صور جديدة تظهر الآن.
00:28:15حيث نرى تفاصيل أكثر بقليل لا يمكن وصفها، لكنك تعرفها بمجرد رؤيتها.
00:28:22في الوقت الحالي، إذا أردت الحصول على تصاميم لموقع إلكتروني، يمكنني الذهاب لـ Manobanana Pro 2 أو غيره ليصمم لي بعض المواقع. فهل هناك طريقة لجلب ذلك التصميم إلى Pencil أم من الأفضل البدء من الصفر في Pencil؟
00:28:48بالتأكيد، وفي الواقع ما يمكنك فعله أولاً هو سحب صورة مفتوحة إلى الدردشة في Pencil، ويمكنك سحب عدة صور.
00:28:59يمكنك أيضًا سحب صور وملفات نصية تحتوي على قواعدك أو إرشاداتك الخاصة، وهذا ما يبنيه الكثيرون الآن حول الأداة.
00:29:12مجموعة من القواعد والمكتبات والصور للحصول على النتائج المطلوبة. يمكنك أيضًا أخذ صورة لفاكهة أو زهرة واستخدامها كصورة لاستلهام الأجواء.
00:29:28هكذا استلهمنا الكثير من أدلة الأنماط لدينا؛ نستخدم صورة للأجواء، كزهرة مثلاً، ونرى لوحة الألوان التي سيستخرجها النموذج.
00:29:43أعتقد أننا سنرى المزيد من هذا الاستكشاف والدمج، فمثل البشر تمامًا، عندما تخرج للمشي في الجبال أو الغابة أو بجانب البحر، ترى شيئًا يلهمك.
00:30:04وتقول في نفسك: "هذا ما أريده"، لكن في التصميم اليدوي سابقًا لم تكن تأخذ صورة بل مجرد لقطة ذهنية في مخيلتك.
00:30:17تعود للمنزل وتبدأ التصميم فتتأثر بشيء رأيته خلال يومك.
00:30:25لكن الآن يمكنك ببساطة تمرير ذلك للذكاء الاصطناعي ورؤية ما سينتجه.
00:30:30هل هي قادرة أيضاً على تصميم رسوم متحركة معقدة بصيغة SVG أو شيء من هذا القبيل إذا طلبت منها ذلك باستخدام ملف SVG أو صورة؟
00:30:42بالنسبة لرسوم SVG ليس تماماً بعد، لكنني رأيت بعض نماذج SVG التي ظهرت مؤخراً.
00:30:49ما يحدث على هذه الجبهة مثير للاهتمام حقاً، وأعتقد أن الرسوم المتحركة هي أيضاً الحدود الكبيرة التالية.
00:31:01هناك أدوات مثل Remotion و Lottie وكل هذه الأشياء، كما أطلقت Replit لتوها ميزة الرسوم المتحركة، أليس كذلك؟
00:31:12لذا أعتقد أن هذا سيكون المجال الكبير التالي الذي لم يفتح بعد.
00:31:18لقد بدأوا للتو في استكشاف الأمر، إنه رائع، لكنه لم يصل بعد إلى مستوى احترافي مثل أدوات After Effects حيث يقوم المصمم بعمل رسوم مذهلة بها.
00:31:32لكنني أعتقد أن هناك إمكانات كبيرة في هذا المجال أيضاً.
00:31:36كما تعلم، رأيت نموذج SVG الجديد وبدا رائعاً جداً في العرض التجريبي لأن النماذج الحالية تعاني قليلاً مع ملفات SVG.
00:31:43إنها تتحسن باستمرار، لكن ذلك النموذج المحدد لملفات SVG كان مذهلاً مقارنة بما هو ممكن حالياً.
00:31:50هذا يتطرق إلى موضوع مثير للاهتمام، وهو أننا وصلنا لنقطة أصبحت فيها التنسيقات تبدو جيدة جداً.
00:31:57لكننا نعلم أن المواقع الإلكترونية ليست مجرد تنسيق جيد، بل هي ذلك الشعور العاطفي الذي تحصل عليه منها.
00:32:04ويمكن تعزيز ذلك من خلال الرسوم التوضيحية، أو عبر تقسيم النص ليكون عريضاً جداً مع عناوين فرعية.
00:32:16لذا فالأمر يتعلق بتركيبة النص بهذه الطريقة المثيرة أو المبتكرة.
00:32:22ربما هناك فيديو يتحرك، لكنه يعمل كمجرد خلفية لإعطاء شعور معين، كصورة تجريدية تتحرك قليلاً أو أشياء تنزلق مع التمرير.
00:32:41لذا، أعتقد أن هذه الأشياء ستبدأ في الدخول ضمن مفهوم "تصميم الروح العامة"، خاصة في جانب الرسوم التوضيحية، لأنه يمكنك حينها التساؤل عن التصاميم ثلاثية الأبعاد.
00:32:54الكثير من المواقع الآن تحتوي على هذه التصورات مثل المكعبات التي تظهر هيكلية كيفية تجميع البيانات في حزم وما إلى ذلك.
00:33:11لقد رأينا بالتأكيد الكثير من هذه المواقع، وهذا هو الشيء المفقود التالي لأن مولدات الصور الحالية تنتج صوراً رائعة، ولكن ماذا عن الرسوم التوضيحية؟
00:33:23أعتقد أن الرسوم التوضيحية ستكون شيئاً ضخماً في النصف الثاني من عام 2026.
00:33:30أنا متحمس لذلك لأنني عانيت مع الرسوم التوضيحية في الماضي.
00:33:33لم أكن بارعاً أبداً في تصميمها باستخدام أدوات أدوبي وغيرها.
00:33:37نعم، هذه نقطة ممتازة بالمناسبة، أعتقد أن الكثير منا يقدر ما يبدو عليه التصميم الجيد.
00:33:47يمكننا حتى تخيله في رؤوسنا.
00:33:49لكن تكمن المشكلة في الفجوة بيننا وبين الكمبيوتر لتجسيد هذا الخيال.
00:33:55وما يحمسني كثيراً هو رؤية المزيد من هذه الأدوات التي تساعد في سد الفجوة بينك وبين رؤيتك.
00:34:04هل لا تزال تعتقد أن اللمسة البشرية ضرورية لأننا إذا اعتمدنا كلياً على الذكاء الاصطناعي، سيبدو كل شيء نمطياً جداً؟
00:34:13هل تعتقد أن اللمسة البشرية تكمن في الحصول على الإلهام من العالم الخارجي ثم توجيه الذكاء الاصطناعي نحو فكرتك؟
00:34:22هل هذا هو السبب في أننا سنظل بحاجة إلى مصمم بشري في المستقبل؟
00:34:27نعم، الكثير من المنتجات الرائعة التي نستخدمها يومياً تمتلك ذلك العنصر الخاص بالذوق الذي لا يمكن إنكاره.
00:34:39هذا مهم جداً لأن ما سنحصل عليه من الذكاء الاصطناعي في البرمجة والتصميم هو نتائج نمطية مكررة، وستستمر في التحسن.
00:34:51ستبدو أفضل وأفضل بالتأكيد، لكنها قد تظل تفتقر إلى تلك اللمسة الأخيرة من شخص ما.
00:35:00وأعتقد أن هذا سيظل مهماً حقاً.
00:35:02وهذه اللمسة الأخيرة قد لا تكون مجرد خطوة نهائية.
00:35:04بل قد تكون عملية وسيطة والعديد من التكرارات حيث تظل أنت مشاركاً في العملية.
00:35:11الفكرة هي أن أدوات "تصميم الروح العامة" و"برمجة الروح العامة" ستسمح لك بالوصول إلى النتيجة بشكل أسرع.
00:35:18لذا فإن كمية المحاولات التي تقوم بها ستسمح لك بإنتاج أشياء ليست أسرع فحسب، بل أفضل في النهاية.
00:35:28وإذا نظرت إلى الإنترنت اليوم، ستجد أن ليس كل شيء يبدو مذهلاً.
00:35:34أملي هو أن نرفع من مستوى تجربة المستخدم الإجمالية في كل مكان بمراحل كبيرة جداً.
00:35:46هذا هو أملي الحقيقي للمستقبل على الأقل.
00:35:52بقدر ما أرى، هذا هو الأفق القادم.
00:35:56ماذا سيأتي بعد ذلك؟
00:35:58من يدري؟
00:35:59لا نزال نكتشف الكثير من هذه الأشياء بصراحة بشكل يومي هذه الأيام.
00:36:05هل لديك أي نصيحة لمصمم مبتدئ يبدأ مسيرته حول كيفية مواكبة هذا العالم؟
00:36:12نعم، أعتقد أن مارك أندريسن وصف هذا الأمر بشكل جيد حقاً.
00:36:18سأعود بضع خطوات للوراء ثم سنجيب على سؤالك.
00:36:23لقد وصف الأمر بأنه أشبه بـ "مواجهة مكسيكية" حيث يشير مدير المنتج للمصمم والمهندس، وكل منهما يشير للآخر.
00:36:35وكل واحد يعتقد أنه يمكنه القيام بدور الشخص الآخر.
00:36:39وكنت أفكر، تاريخياً كنت تذهب للمدرسة وتدرس التصميم لمدة أربع أو خمس سنوات.
00:36:46أو تذهب لمدرسة الهندسة وتدرس الهندسة لمدة أربع أو خمس سنوات.
00:36:53وكمدير منتج، ربما ذهبت لمدرسة إدارة الأعمال، وكنت مهووساً ببناء الأشياء وفهم سلوك المستخدم.
00:37:06لكنني أسأل نفسي بصدق.
00:37:11بماذا سيفكر جيل Z وجيل ألفا عندما يختارون دراستهم أو مهنتهم؟
00:37:21هذا بالنسبة لي هو السؤال الأكبر، لأنني أعتقد أن الجميع أصبحوا الآن صناعاً وبناة للمنتجات.
00:37:29ونحن لا نفكر في أنفسنا بالضرورة -على الأقل وفق فرضيتي- على أنني مجرد مهندس.
00:37:39أو مجرد مصمم، أتحدث هنا عن الجيل الجديد من الناس وليس الجيل الحالي.
00:37:46ما أعتقد أننا سنراه أكثر هو "حلالو المشكلات".
00:37:50لدي مشكلة أريد حلها وسأختار الأدوات اللازمة لذلك فقط.
00:37:55لقد عملت دائماً بهذه العقلية، وهذه العقلية بدأت معي فعلياً مع أداة فلاش.
00:38:01بالعودة لتلك القصة، فلاش كان أول أداة سمحت لك بأن تكون مصمماً ومهندساً في بيئة واحدة.
00:38:11وكان أمراً ساحراً حقاً.
00:38:13بالطبع لم يتطور الأمر لاحقاً، وواجه مشاكل على مستويات عدة مع ظهور أطر عمل جديدة.
00:38:15لكن ما حلمت به دائماً هو عودة شيء من هذا القبيل، حيث يستخدم أصحاب الرؤية أي أدوات لازمة لتحقيقها.
00:38:20وبرمجة وتصميم "الروح العامة" بالنسبة لي هي أقرب شيء رأيته لفلاش منذ عقدين من الزمن تقريباً.
00:38:33أردت أن أسألك عن أدلة الأنماط الخاصة بكم.
00:38:44كيف تديرونها وكيف تقومون ببنائها؟
00:38:47لأننا نعلم في التصميم أن شركة Pantone تعلن كل عام عن لون السنة، وهناك توجهات تصميم يستخدمها الجميع حالياً.
00:38:51فهل تتخيل أن أداة Pencil سيتم تحديثها أيضاً مع تطور وتغير هذه التوجهات؟
00:39:05نعم، في الواقع لقد قمنا للتو بتحديث أدلة الأنماط الخاصة بنا مع الإصدار الأخير.
00:39:12ونحن نقوم بتحديثها باستمرار.
00:39:16لكنني لم أفكر أبداً في أدلة الأنماط الخاصة بنا على أنها نهائية.
00:39:18فكرت فيها دائماً كشيء يمنحك مجرد فكرة عما يمكنك تحقيقه هنا.
00:39:22وأيضاً لحل مشكلة "البداية الباردة" عند مواجهة لوحة رسم فارغة.
00:39:30حين لا يعرف المستخدم كيف يستعمل الأداة.
00:39:37لذا كان هذا هو الهدف الأساسي هنا.
00:39:42لكن هدفنا هو توثيق ذلك وفتحه للجميع حتى يتمكن الناس من صنع أدلتهم الخاصة والمساهمة بها ومشاركتها عبر المجتمع.
00:39:46لم أضع نفسي أبداً في موقع من يريد فرض المعايير أو ما شابه.
00:39:56ليس كذلك على الإطلاق.
00:40:03بل مجرد إلهام للآخرين للبناء عليه والاستفادة منه.
00:40:03وبالعودة إلى فلاش، عندما بدأت العمل به، درست الكثير من ملفات فلاش لأفهم كيف يبني الناس أشياء مختلفة.
00:40:09وكان ذلك بالنسبة لي مصدر الإلهام لمعرفة كيفية إنشاء هذه الأشياء، وأيضاً لفهم كل تلك التفاصيل المعقدة فيها.
00:40:19لذا آمل أن تكون أدلة الأنماط لدينا مجرد إلهام للآخرين للبناء عليها وتعديلها وجعلها خاصة بهم.
00:40:33كنت سأقول إن الشركات الأخرى بدأت تدرك ما حققته Pencil.
00:40:45أعلم أن Sketch لديها خادم أو أدوات MCP، وكذلك Figma.
00:40:51Figma تمتلك أيضاً أدوات MCP الخاصة بها.
00:40:56كيف ستميزون أنفسكم أو تبقون في الصدارة وتمنعون تلك الشركات من الاستحواذ على حصتكم في السوق؟
00:40:59حسناً، أعتقد أنه سؤال مثير للاهتمام، لكن كيف تميز بين Cursor و Copilot؟
00:41:07ربما سأعيد التفكير في هذا السؤال معك.
00:41:17هناك فروقات دقيقة، أليس كذلك؟
00:41:20هناك اختلاف.
00:41:24ربما يمكننا وصفه بالكلمات إذا تعمقنا أكثر، لكن هناك اختلاف جوهري بالتأكيد.
00:41:26لذا آمل أن نتمكن من الحفاظ على ذلك والبقاء في الصدارة.
00:41:33وكما قلت عدة مرات هنا، لا يزال هناك الكثير للقيام به.
00:41:45وأريد فقط التأكد من أننا نقود هذا الابتكار في جانب Pencil.
00:41:50لكي يتم إنشاء Pencil، خضت برنامجاً، هل هو A16Z Speedrun؟
00:41:57نعم، وأوصي الجميع بالتفكير في الانضمام إليه.
00:42:05هناك طبعاً Vysee و Speedrun.
00:42:11وهما الأشهر في نظري.
00:42:15لكن هناك العديد من برامج المسرعات حول العالم.
00:42:20لقد كانت Speedrun تجربة رائعة بالنسبة لي لعدة أسباب.
00:42:24خلال فترة كورونا، انعزل الجميع ولم يخرجوا كثيراً، أليس كذلك؟
00:42:31وأعتقد أن Speedrun كانت فرصة رائعة لي لإعادة التواصل مع زملائي المؤسسين بشكل منتظم.
00:42:40هذا القدر من الطاقة أمر لا يستهان به في رأيي.
00:42:48أعتقد أن على الجميع خوض ذلك وقضاء الوقت مع مجموعة متقاربة من الناس الذين يملكون الرؤية نفسها لمواصلة دفع حدود الممكن.
00:42:53لذا كان هذا هو السبب الأول.
00:42:58والسبب الثاني هو أنها تشكلك كمؤسس بطريقة إيجابية حقاً.
00:43:03فالدعم الكبير من فريق Andreessen Horowitz لا يمكن إنكاره.
00:43:06والأمر الآخر هو مناقشة الكثير من الأمور معهم، فهم يملكون خبرة واسعة لأنهم رأوا الكثير.
00:43:13لديهم حدس رائع حول ما قد ينجح وما قد يفشل، وهم مستشارون ممتازون.
00:43:20لكن هناك أيضاً تلك اللحظة التي يتعين عليك فيها تقديم عرض في يوم العرض التجريبي أمام ألف مستثمر.
00:43:25وهذا العام كنا في الدورة الخامسة من Speedrun.
00:43:27وكان ذلك في مركز Yerba Buena للفنون في سان فرانسيسكو.
00:43:32وهو المكان الذي أعلن فيه ستيف جوبز عن iPad ومنتجات آبل الأخرى.
00:43:35والآن أنت تقف على ذلك المسرح.
00:43:42هناك طاقة سحرية هناك، أمر جنوني.
00:43:49وأقول لكم، أعتقد أن على الجميع خوض هذه التجربة.
00:43:53إنها تجربة رائعة وستجبرك حقاً على صقل عرضك التقديمي.
00:44:00فلديك دقيقتان فقط للتقديم.
00:44:02ويمكنني إخبارك أن التحدث لمدة ساعة عن Pencil أمر سهل.
00:44:05لكن التحدث عن Pencil في دقيقتين صعب للغاية، خاصة وأنت تقف على مسرح تعميك أضواؤه عند الصعود إليه.
00:44:07لأنك تأتي من كواليس مظلمة جداً.
00:44:11لا توجد أضواء، لا شيء هناك.
00:44:18وفجأة تصعد للمسرح، ويشرق عليك ضوء ساطع جداً.
00:44:22وعليك أن تبدأ بالتحدث عما تبنيه بحماس شديد.
00:44:28ويجب أن تواصل الحديث بهذا الشكل.
00:44:35لذا قمت بالكثير من التدريبات على ذلك بالطبع.
00:44:38لكن بشكل عام، أعتقد أنها تجربة مذهلة للجميع لإخراج أفضل ما لديهم.
00:44:44نعم.
00:44:47أعتقد دائماً أن الموجودين في كاليفورنيا أو سان فرانسيسكو لديهم ميزة غير عادلة لأنهم في مركز التكنولوجيا ويشعرون بقوة الذكاء الاصطناعي.
00:44:52هل تشعر بنفس الشيء؟
00:44:58نعم، مئة بالمئة.
00:45:01لقد عشت في سان فرانسيسكو لسنوات عديدة، لكنني لا أعيش هناك حالياً.
00:45:05أنا أوازن الأمور الآن لأن هناك طاقة رائعة هناك، لكن هناك أيضاً الكثير من الضجيج المرتبط بها.
00:45:10لذا فالتوازن الذي وجدته هو الذهاب إلى هناك بانتظام، ولكن ليس بالضرورة التواجد هناك يومياً.
00:45:14كما أنها تلهمني بطريقة جديدة في كل مرة أذهب فيها.
00:45:16وهذا ما وجدته يناسبني.
00:45:20لكني قضيت عقداً من الزمان هناك، لذا أعرف كل زاوية في المدينة.
00:45:28لكن نعم، إنها بالتأكيد ميزة غير عادلة.
00:45:29ويمكنك التحدث مع أي شخص يسافر إلى سان فرانسيسكو، ستجده يعود من الرحلة مفعماً بالطاقة بشكل مذهل.
00:45:31لذا، نعم، نصيحتي هي أن تأخذ حقيبتك وتسافر إلى هناك لتقابل الناس وتتحدث معهم وتتبادل الأفكار.
00:45:34بخصوص Pencil.dev، هل هناك فريق عمل أم أنك تعمل بمفردك حالياً؟
00:45:36نحن الآن عشرة أشخاص.
00:45:38نعم، إنه فريق رائع.
00:45:44نحن نعرف بعضنا البعض منذ فترة.
00:45:47وهو منتج معقد حقاً إذا فكرت في الأمر، لذا فهو يحتاج بالتأكيد لأكثر مني الآن.
00:45:53نعم.
00:45:59هل هؤلاء هم الأشخاص الذين قابلتهم أثناء عملك في Adobe أو في شركتك الناشئة السابقة، أم أنهم ممن عرفتهم في Speedrun؟
00:46:05بعضهم من الشركة الناشئة السابقة التي عملنا فيها.
00:46:08وبعضهم جدد، لذا فهو مزيج من الناس.
00:46:10نعم.
00:46:14رائع، وبالحديث عن الشركة الناشئة السابقة، هل يسمح لك بالتحدث عنها؟
00:46:19نعم.
00:46:24إحداها كانت تسمى Around مثلاً، وكانت تطبيقاً لعقد المؤتمرات عبر الفيديو.
00:46:26لا أدري إن كنتم قد رأيتموه.
00:46:33هل رأيتموه؟
00:46:38لقد استخدمناه حتى النهاية.
00:46:42نعم، استخدمناه بالفعل.
00:46:45لقد استخدمته أنا أيضاً.
00:46:50كنا نحبه كثيراً وحزنا جداً عندما توقف.
00:46:52نعم.
00:46:57ما هو انطباعكم عن الأداة؟ إذا لم يمانع أحدكم في المشاركة.
00:46:59أنا فضولي لمعرفة ذلك حقاً.
00:46:59لقد كانت ممتعة وتجربتها أفضل من Google Workspace أو Slack وما شابه.
00:47:06لا أدري، شعرت أنها قامت بالضبط بما صممت لأجله مع وجود بعض الميزات الرائعة.
00:47:09كانت نيتنا دائماً هي جعلها أكثر متعة قليلاً، خاصة خلال فترة كورونا.
00:47:16كنت أشعر أن الجميع يحاولون جعل الفيديو بجودة HD و 4K وبأحجام أكبر وأكبر.
00:47:18ونحن قلنا: فلنفكر بطريقة مختلفة هنا.
00:47:19ماذا لو جعلناها دوائر صغيرة وضعناها على سطح المكتب وجعلنا الآخرين يرون جزءاً أقل منك؟
00:47:20وضعنا تلك الفلاتر وغيرها، وجعل ذلك الجميع فجأة يشعرون براحة أكبر في جميع نقاشات الفريق.
00:47:24وأعتقد أن ذلك كان عاملاً كبيراً جداً.
00:47:25ومع كل المنتجات التي عملت عليها، أحاول دائماً العثور على تلك الميزة الفريدة المختلفة تماماً عن الجميع.
00:47:30الأمر يتعلق دائماً بالبحث عن ذلك الجديد بدلاً من محاولة إعادة بناء ما بناه شخص آخر أو تقليده.
00:47:33أعتقد أنه من المهم حقاً العثور على ذلك الشيء الجديد الذي تشعر بالشغف تجاهه.
00:47:34لأن هذا العمل ماراثون في النهاية ويجب أن تكون متحمساً شخصياً لبنائه.
00:47:37ومع Pencil، عندما رأيت تلك المؤشرات تتحرك على اللوحة لأول مرة، قلت لنفسي: هذا هو المطلوب.
00:47:38إنه أمر مذهل.
00:47:40لم أستطع التوقف عن مشاهدته، لقد سحرني الأمر.
00:47:41ثم قلت: يا إلهي، لا أطيق الانتظار لمشاركة هذا مع الجميع.
00:47:42لذا بدأت بهذه الأشياء الصغيرة، في البداية كان لدينا تلك الرسوم التي تمسح العناصر، ولم نكن مضطرين لفعل ذلك.
00:47:44كان بإمكاننا فقط قراءة ملف JSON وانتهى الأمر.
00:47:50لكن إضافة تلك التفاصيل الصغيرة هي ما يصنع الفارق في تجربة المستخدم النهائية.
00:47:51وهذا هو الروح الذي أحاول نقله إلى كل منتج أعمل عليه.
00:47:57نريد أن يشعر المستخدم أن الأداة ليست مجرد وسيلة، بل هي تجربة ممتعة في حد ذاتها.
00:47:57هذا ما يجعل الناس يرتبطون بالمنتج عاطفياً ويفضلونه على غيره.
00:47:59وبالنسبة لجيل المبرمجين والمصممين الجدد، هذا النوع من الأدوات سيغير قواعد اللعبة تماماً.
00:48:03لن يكونوا مقيدين بالأدوات التقليدية المعقدة التي تتطلب سنوات لتعلمها.
00:48:07بل سيبدؤون مباشرة في تحويل أفكارهم إلى واقع ملموس.
00:48:09وهذا يفتح الباب أمام موجة جديدة من الابتكار لم نكن نتخيلها من قبل.
00:48:15أنا شخصياً أؤمن أن المستقبل يكمن في دمج هذه القدرات العالية للذكاء الاصطناعي مع رؤية الإنسان الفريدة.
00:48:15وهنا تكمن القوة الحقيقية لـ Pencil كأداة للمستقبل.
00:48:17نحن لا نبيع مجرد أداة تصميم، بل نبيع طريقة جديدة للتفكير والابتكار.
00:48:23وعندما نفتح المجال للمجتمع للمشاركة في بناء هذه الأدلة، ستتوسع الإمكانيات بشكل لا نهائي.
00:48:25ستجد أنماطاً وتصاميم من مختلف الثقافات والمدارس الفنية تجتمع في مكان واحد.
00:48:31وهذا هو ما أقصده بأن نكون مصدر إلهام بدلاً من أن نكون مجرد شركة تفرض معاييرها.
00:48:33أنا ممتن جداً للتواجد في هذا الوقت الذي نرى فيه كل هذه التحولات التكنولوجية الكبرى.
00:48:38والتحدي الآن هو مواصلة الابتكار والبقاء دائماً متقدمين بخطوة.
00:48:46سان فرانسيسكو أعطتني الكثير من حيث العلاقات والرؤية، لكن العمل الحقيقي يحدث في كل مكان الآن.
00:48:51فريقنا يعمل بتناغم كبير رغم تعقيد المنتج، وهذا ما يجعلني فخوراً بما حققناه حتى الآن.
00:48:58أتطلع بشوق لما سيحمله النصف الثاني من عام 2026 لنا وللمجتمع التقني ككل.
00:49:01وبالنسبة لكل مصمم أو مهندس شاب، رسالتي هي: لا تتوقف أبداً عن الاستكشاف.
00:49:08فالأدوات تتغير، لكن الشغف بالإبداع هو الثابت الوحيد الذي سيقودك للنجاح.
00:49:15وعليك أن تكون متحمساً شخصياً لبناء هذا الشيء، أليس كذلك؟
00:49:17ومع Pencil، كما تعلم، عندما رأيت هذه المؤشرات تحلق على اللوحة للمرة الأولى،
00:49:23قلت في نفسي: هذا هو المنشود. هذا مذهل.
00:49:25إنه أمر مذهل حقاً.
00:49:25كما تعلم، لم أستطع التوقف عن مشاهدته.
00:49:27لقد كنت مسحوراً به تماماً.
00:49:29ثم فكرت: "يا إلهي، لا أطيق الانتظار لمشاركة هذا مع الآخرين".
00:49:35بدأ الأمر بهذه التفاصيل الصغيرة؛ في البداية كان لدينا رسم متحرك
00:49:40يقوم بمسح الأشياء، ولم نكن مضطرين للقيام بذلك.
00:49:43كان بإمكاننا مجرد قراءة ملف الـ JSON وانتهى الأمر.
00:49:47لكن حقيقة أنه يقوم بمسح الإطار جعلتني أشعر بأنك
00:49:56بأنك تشعر به حقاً.
00:49:56أنت تشعر بالذكاء الاصطناعي.
00:49:57لذا، آمل أن... الكثير من الناس يتحدثون عن هذا كثيراً،
00:50:04عن كون الدردشة هي الواجهة الرئيسية للذكاء الاصطناعي.
00:50:08بصراحة، بدأت أشعر أننا نكتشف الآن تجارب مستخدم جديدة
00:50:14للتفاعل مع الذكاء الاصطناعي لم يسبق لها مثيل من قبل.
00:50:19وهذه المؤشرات والمسح وكل هذه الأمور ليست سوى غيض من فيض.
00:50:24وسنرى الكثير من ذلك.
00:50:25مجرد توجيهك بصرياً طوال عملية إبداعك.
00:50:29هذا يجعل المرء يشعر أن الذكاء الاصطناعي ليس مجرد دردشة نصية برمجية،
00:50:36بل هناك شيء ما وراءه، شيء إبداعي خلفه.
00:50:40لا أعرف.
00:50:40لا أجد الكلمة المناسبة لوصف ذلك الآن، لكنه بدأ يعطي هذا الانطباع.
00:50:45كما تعلم.
00:50:46أعتقد أن هذا صحيح بشكل خاص، فالدردشة واجهة سيئة للأشياء
00:50:50الإبداعية مثل التصميم وما شابه.
00:50:52من الصعب جداً أن تضع في "أمر" ما تريد رؤيته على الصفحة بالضبط.
00:50:56أجل، وأعتقد إذا أردنا أن يستخدم المزيد من الناس الذكاء الاصطناعي،
00:51:03سيتعين علينا ابتكار واجهات أفضل لذلك.
00:51:04بالتأكيد، قد يكون الصوت أحدها، لكن لا أدري،
00:51:10كم مرة تستخدمون الصوت للتفاعل مع الذكاء الاصطناعي؟
00:51:13نادراً جداً. لذا، أعتقد أننا سنضطر
00:51:19لإيجاد واجهات جديدة لذلك أيضاً.
00:51:20أجل، كنت أفكر في ذلك بين الحين والآخر، وأعتقد
00:51:24لو كان هناك طريقة يستمع بها الذكاء الاصطناعي لما أفكر فيه،
00:51:28لأنني أحياناً لا أريد التحدث ولا الكتابة، أريده فقط أن يفهم ما يدور بذهني وينفذه.
00:51:31لا أعرف إن كان ذلك عبر "نيورالينك" أو غيرها، لكن لو وجدت طريقة
00:51:35لفعل ذلك، ستكون واجهة رائعة.
00:51:36أجل، يجب عليك فعلاً التفكير في دعوة صديق جيد لي لهذا البودكاست.
00:51:44جاكوب زيكولكا، إنه مصمم معروف وموهوب صاعد،
00:51:50وقد نشر مؤخراً فيديو لأحدث نموذج أولي له.
00:51:55إنه يستخدم تتبع العين على الآيفون، وهو ببساطة ينظر إلى
00:52:02أشياء مختلفة على الشاشة، ويتحدث عما يجب أن يحدث لها.
00:52:05ليس عليه أن يصف ويقول "هذه الصورة على اليسار".
00:52:08هو فقط ينظر إلى الصورة ويقول: "غيرها إلى شيء آخر".
00:52:10والذكاء الاصطناعي يعرف ما ينظر إليه.
00:52:13هذا النوع من الواجهات هو ما سيفتح آفاقاً جديدة تماماً،
00:52:19لأنه إذا عرف الذكاء الاصطناعي ما يشغل بالك، فإن حركة العين واتجاه
00:52:24نظرك هي إحدى هذه الدلائل.
00:52:26ونأمل أن نجد المزيد من هذه الدلائل.
00:52:30عندها سيصبح الأمر طبيعياً أكثر بكثير.
00:52:33تماماً كما لو كنت تقف بجانبي هنا في غرفتي، فلن أضطر
00:52:38لأقول لك "انظر إلى هذا" وأشير بدقة إلى ذلك الشيء.
00:52:42ستعرف ذلك مسبقاً من سياق الموقف.
00:52:48هذا رائع حقاً.
00:52:49كنت سأقول إنني في الواقع من الأشخاص الذين يستخدمون الصوت كثيراً
00:52:55لأنني أحياناً أملّ من الكتابة.
00:52:56أريد فقط التحدث إلى الذكاء الاصطناعي.
00:52:58فإذا تمكنت من التحدث إليه وهو يعرف أين تقع عيناي، فهذا منتج مذهل.
00:53:03أعجبني ذلك.
00:53:04أجل.
00:53:05أو حتى تخيل أنه يمكنه تتبع اليد ويمكنك الإشارة إلى أشياء على الشاشة
00:53:10أو فعل هذا، كما تعلم، أحياناً وأنت في السيارة تقول فقط
00:53:15"اذهب من هنا"، ولا تقول "يميناً" أو "يساراً".
00:53:19فقط "انعطف هنا".
00:53:20أتمنى لو كان بإمكاني إخبار الذكاء الاصطناعي في السيارة أو السائق الآلي
00:53:28"انعطف هنا"، والأشخاص معك في السيارة سيفهمون.
00:53:33بينما الذكاء الاصطناعي ليس لديه أدنى فكرة.
00:53:35سيكون عليك قول: "انعطف يميناً عند هذا التقاطع".
00:53:37يا إلهي، من سيقول كل ذلك؟
00:53:40الأمر يتطلب الكثير من الكلام.
00:53:43حسناً، هل لديك أي آراء جريئة حول التصميم أو الذكاء الاصطناعي أو التكنولوجيا عامة؟
00:53:50إنه سؤال متشعب جداً.
00:53:53رغم أنه بسيط للغاية.
00:53:55نحن بحاجة لمقطع مميز، كما تعلم، يجب أن نحصل عليه.
00:53:59أجل، ما هو الرأي الجريء؟
00:54:02حسناً، أعتقد بصدق أن هذا الموضوع الذي كنا نناقشه للتو
00:54:06هو رأي جريء بحد ذاته، فأنا آمل أن نكشف عن هذه الواجهات الجديدة
00:54:12للتفاعل مع الذكاء الاصطناعي التي ستكون أكثر إنسانية وطبيعية.
00:54:16بحيث يعرف الذكاء الاصطناعي من سياق العالم، ومن سياقك الخاص، ومن وجهة نظرك،
00:54:26ومن نقطة تركيزك، ما الذي كان يدور في ذهنك فعلاً.
00:54:30لذا لن تضطر لتوجيهه خطوة بخطوة كما تفعل اليوم.
00:54:34وبالعودة إلى فكرتي الأولى، وهي أنني أردت
00:54:40رسم شيء بدلاً من وصفه بالكلمات، فالأمر سيان.
00:54:44بالنسبة لي، غالباً ما يكون من الأسهل رسم شيء ما أو الإشارة إليه
00:54:52بدلاً من وصفه بالكلمات.
00:54:53لذا أعتقد أن هذه هي الخطوة الفورية التالية التي ستبدأ
00:55:00في التغيير في مجال الذكاء الاصطناعي.
00:55:01أيضاً، إذا فكرت في ChatGPT قبل بضع سنوات، كان عليك
00:55:06حقاً كتابة أسئلة وأوامر طويلة جداً.
00:55:10أما الآن، فتسأل عن شيء بسيط ويقوم بتحليل شامل للأمور
00:55:14ويعطيك 20 خياراً وما إلى ذلك.
00:55:16إنه يستمر في العمل.
00:55:17ويبدو كأنه يعرف إلى أين تتجه.
00:55:21وربما يستمد ذلك من محادثات أخرى أجراها الناس هناك،
00:55:30وقام بتخزين بعض هذه الأفكار والإجابات مؤقتاً.
00:55:33لذا، أجل، أعتقد أن هذا هو الشيء الآخر، ففي كثير من الأحيان،
00:55:41تعتبر كل جلسة ذكاء اصطناعي جديدة بداية لعالم جديد.
00:55:45كأنها تبدأ من الصفر.
00:55:46آمل أن نرى المزيد من تلك الذاكرة المشتركة.
00:55:51وأعتقد أن الفرق الكبير هو بين أن تطلب من الذكاء الاصطناعي تلخيص شيء ما،
00:56:01وبين أن يكون زميلاً لك على Slack، يمتلك كل سياق المحادثات
00:56:06التي جرت هناك، ولا يضطر للبحث عنها في كل مرة
00:56:11ليفكر فيها، لأن ذلك يبدو غبياً.
00:56:13لذا، أجل، سنرى المزيد من ذلك.
00:56:16كنت سأقول بالعودة إلى Around، نحن نفتقد حقاً المؤثرات الصوتية
00:56:21واللعبة الصغيرة التي كنا نلعبها في نهاية المكالمة.
00:56:22أكبر خسارة لنا كانت المؤثرات الصوتية.
00:56:25لقد أحببناها.
00:56:26أجل، تماماً.
00:56:28وأيضاً، أليس من الرائع لو تمكنت من لعب اللعبة الآن؟
00:56:31بلى.
00:56:32أجل.
00:56:33كانت المفضلة لدي.
00:56:35أجل.
00:56:36جميل.
00:56:40أوقات ممتعة.
00:56:41أعتقد أننا نستخدم Slack الآن.
00:56:42نستخدم Slack huddles والأمر ليس نفسه.
00:56:44أجل.
00:56:45هذا يذهلني.
00:56:46Slack لا يوفر ميزة التسجيل.
00:56:48دعني فقط أسجل المكالمة.
00:56:51يبدو الأمر بسيطاً جداً.
00:56:52ولكن على أي حال.
00:56:54أجل.
00:56:55أجل.
00:56:56جميل.
00:56:57هل مسموح لك بالتحدث عما حدث لشركة Around؟
00:57:00أجل، لقد استحوذت Miro على Around وتم دمجها بالكامل
00:57:08في تجربة السبورة البيضاء لـ Miro، كما تعلم، فهي موجودة هناك.
00:57:10حسناً، فهمت.
00:57:12إذاً هي لا تزال قائمة، لكن عليك استخدام Miro للوصول إليها.
00:57:15شكراً على وقتك يا توم.
00:57:16هل هناك أي شيء تود الترويج له؟
00:57:17أي شيء تعمل عليه غير Pencil تود التحدث عنه؟
00:57:21أجل، أعني، أولاً وقبل كل شيء، اذهبوا لتجربة Pencil وأنا متاح للجميع.
00:57:27كما تعلم، ولجميع المستخدمين الذين جربوا الديسكورد العام.
00:57:31يشارك الناس الكثير من الأفكار المثيرة للاهتمام باستخدام Pencil،
00:57:40وكذلك لقطات شاشة وملفات لما قاموا بإنشائه.
00:57:42إنه مجتمع حيوي يضم آلاف الأشخاص في هذه المرحلة.
00:57:46أيضاً لا تترددوا في مراسلتي على X أو Discord إذا واجهتم
00:57:56أي مشاكل أو لديكم أي أسئلة أو طلبات لميزات جديدة،
00:58:00أريد فقط التأكد من أنني متاح لكم.
00:58:02طلب ميزة جميل لدي هو حزم واجهة مستخدم مخصصة.
00:58:07لأنني أحياناً أريد صنع حزمة واجهة المستخدم الخاصة بي دون استخدام Shadcn.
00:58:10تماماً، تماماً، هذا منطقي جداً.
00:58:13شكراً لاستماعكم لبودكاست Better Slack.
00:58:16تجدوننا أينما تستمعون للبودكاست.
00:58:18على Apple وSpotify، لا تنسوا الإعجاب والاشتراك إذا كنتم تشاهدوننا على يوتيوب.
00:58:23وبالنسبة لي، حان وقت الوداع.
00:58:25وداعاً مني، وداعاً مني، وداعاً مني.
00:58:28شكراً للجميع على الاستماع.
00:58:31لقد استمتعت حقاً.