فريمر 3.0 بالعربي — كل ما تغيّر في أكبر تحديث للأداة
أكبر تحديث في تاريخ فريمر نزل قبل ثلاثة شهور، والمحتوى العربي عنه شبه معدوم. هذا شرح كامل لما تغيّر ولماذا يهمّك.
في 16 يونيو 2026 أطلقت فريمر أكبر تحديث في تاريخها: فريمر 3.0. ليس تحديثاً يضيف ميزة أو اثنتين، بل إعادة تعريف للأداة نفسها — الذكاء الاصطناعي صار داخل الكانفس، وظهر نظام Branching للفرق، وانفتح الباب لأدوات خارجية مثل Claude Code تشتغل على مشروعك.
مرّت شهور والمحتوى العربي عن هذا التحديث شبه معدوم، فقررت أكتب المقال اللي كنت أتمنى ألقاه.
شو تغيّر فعلياً؟
فريمر 3.0 بُني على أربعة تغييرات أساسية نزلت كلها دفعة واحدة، مع تصميم جديد كلياً للواجهة ونظام تسعير جديد قائم على أرصدة الذكاء الاصطناعي:
الوكلاء (Agents) — ذكاء اصطناعي يصمم معك داخل الكانفس
الفروع (Branching) — نسخ معزولة من موقعك للتجريب الآمن
الوكلاء الخارجيون (External Agents) — ربط أدوات خارجية بمشروعك عبر Framer CLI
المجتمع (Community) — مركز جديد للمبدعين للنشر والربح
خلينا نفصّل كل واحد.
1. الوكلاء (Agents) — الذكاء الاصطناعي داخل الكانفس
هذا أعمق تغيير في التحديث. اللوحة اليمنى انقسمت: تبويب Style اللي تعرفه، وتبويب Agent جديد فيه واجهة محادثة مع قائمة لاختيار الموديل.
الوكيل يقدر يصمم صفحات كاملة، يضبط الـ Breakpoints، يضيف تأثيرات، يبني Components، يكتب كود، يتصل بالـ CMS، ينظّم الـ Styles، ويعرض تحليلات موقعك.
الفكرة اللي تميّزه عن أدوات الذكاء الاصطناعي الثانية هي الـ Context: تقدر تضغط على أي طبقة أو إطار في الكانفس وتسحبه للمحادثة كمرجع، أو تعمل @-mention لصفحة أو عنوان معيّن. يعني ما تشرح بالكلام "السكشن اللي فوق تحت الهيدر" — تأشّر عليه مباشرة.
والأهم: العمل بالتوازي. الوكيل لا يتوقف وأنت تشتغل، وأنت لا تتوقف وهو يشتغل. تقدر ترتب وتحذف عناصر بينما هو يبني سكشن ثاني. وفيه Revert يرجّع نتيجة أي أمر كاملة إذا ما عجبتك.
فريمر تصف هذا بـ "Cursor للتصميم"، والوصف دقيق: الذكاء الاصطناعي يعيش في نفس المكان اللي تصمم وتراجع وتنشر منه، مو في نافذة منفصلة تنسخ منها وتلصق.
2. الفروع (Branching) — التجريب بدون خوف
كل مشروع صار فوقه في الكانفس تسمية main. من هناك تقدر تفتح فرع (Branch) معزول باسم تختاره، تجرّب فيه براحتك، وترجّعه للـ main بضغطة وحدة.
لو اشتغلت على موقع عميل حيّ وخفت تكسر شيء وأنت تجرّب — هذي الميزة موجّهة لك بالضبط. وهي منطقياً مرتبطة بالـ Agents: أسهل تعطي الوكيل حرية أوسع وأنت عارف إن شغله في فرع منفصل، مو على النسخة المنشورة.
3. الوكلاء الخارجيون (External Agents) — اربط أداتك الخاصة
هذي الميزة الأقل ضجيجاً والأكثر أهمية عملياً في رأيي.
تقدر تربط أدوات مثل Claude Code أو Cursor أو Codex بمشروع فريمر عن طريق Framer CLI. الأداة الخارجية تشتغل على فرع تلقائياً، وتقدر تنفّذ مهام من خارج المحرر: تعدّل نصوص، تدخل محتوى بالجملة على الـ CMS، تشغّل فحص SEO.
نقطة التكلفة هنا مهمة: External Agents لا تستهلك أرصدة فريمر. تدفع فقط مقابل التوكنات عند مزوّد الذكاء الاصطناعي اللي تستخدمه. لو أنت مستخدم كثيف، توجيه الشغل عبر أداة خارجية أرخص بوضوح من الاعتماد على أرصدة الكانفس.
أنا شخصياً أستخدم هذا الربط لإدارة محتوى المدوّنة اللي تقرأها الآن.
4. المجتمع (Community) — واجهة واحدة للمبدعين
فريمر جمعت كل ما يخص المبدعين تحت تبويب واحد: Marketplace، Gallery، Feed، Members، Awards، وContests.
لو أنت تبيع قوالب أو تفكّر تدخل السوق، هذا يعني اكتشاف أفضل ومساحة تفاعل أوضح. الـ Feed تحديداً غيّر طريقة وصول القوالب الجديدة للناس — النشر فيه صار جزءاً أساسياً من إطلاق أي قالب، مو خطوة إضافية.
التسعير — الجزء اللي يحتاج انتباه
مع 3.0 دخل نظام أرصدة للذكاء الاصطناعي. الخطط الأساسية موجودة كما هي (مجاني، Mini، Basic، Pro، Scale)، لكن استهلاك الوكيل يُحسب من رصيد.
نصيحتي: قبل ما تعتمد على Agents في شغل عملاء، جرّبه على مشروع شخصي أسبوعاً واحداً وراقب كم رصيد يستهلك مشروع بحجم واقعي. وإذا طلع الاستهلاك عالياً، External Agents هو المخرج. والأسعار والحدود تتغيّر باستمرار، فتأكد من صفحة التسعير الرسمية قبل أي قرار.
شو يعني هذا للمصمم العربي؟
ثلاث نقاط عملية:
الأولى: التصميم بالعربية صار أسرع. بناء موقع RTL كامل كان يستهلك وقتاً في ضبط المحاذاة والخطوط لكل سكشن. الوكيل يتعامل مع هذا كأمر واحد، لكن راجع النتيجة — المحاذاة العربية والخطوط تحديداً تحتاج عين بشرية.
الثانية: قيمة عملك ما نزلت، تحوّلت. العميل ما يدفع لك مقابل سحب وإفلات، يدفع مقابل قرارات: شو الرسالة، وين يقع زر التحويل، ليش هذا الترتيب مو ذاك. الوكيل ينفّذ، ما يقرر.
الثالثة: فرصة محتوى مفتوحة. التحديث له ثلاثة شهور والمحتوى العربي عنه شبه غائب. لو تبني حضورك كصانع محتوى تقني عربي، هذي نافذة.
خلاصة
فريمر 3.0 ينقل الأداة من "أداة بناء مواقع بصرية" إلى مساحة عمل يشتغل فيها الإنسان والذكاء الاصطناعي على نفس الكانفس. الميزات الأربع تحل أربع مشاكل حقيقية: السرعة، الأمان، المرونة، والاكتشاف.
نصيحتي العملية: ابدأ بـ Branching — أقل ميزة إثارة وأكثر وحدة ستوفّر عليك مشاكل. بعدها جرّب Agents على مشروع غير حرج. ولا تربط شغل عميل بأي ميزة قبل ما تجرّبها على مشروعك أنت.
