ضمن تصميم · ذكاء Apache-2.0 · صنع على الأرض
وكيل · Antigravity

Antigravity للتصميم.

Antigravity منصّة Google التطويرية التي يتصدّرها الوكيل. تقرأ نماذجها من Gemini 3.x لقطات الشاشة وتستدلّ عن التخطيط، ويتيح متصفّحها المدمج للوكلاء التحقّق ممّا يبنونه، وتحوّل نواتجها عمل الوكيل إلى مُسلَّمات قابلة للمراجعة — ما يجعلها أداة تصميم حقيقية بمجرد أن تمدّها بالمراجع والأعراف وحلقة تحقّق. ويربطها Open Design ضمن سير عمل تصميمي مفتوح المصدر: حساب Google الخاص بك، وملفّاتك، ومحليًا أولًا.

حلقة التغذية الراجعة التصميمية لـ Antigravity: بيئة تطوير يتصدّرها الوكيل تقرأ صورة مرجعية، ومتصفّح مدمج يعرض الواجهة، وسطح للمدير، مع سهم تغذية راجعة يعود في حلقة

يحوّل Open Design أداة Antigravity إلى وكيل تصميم مفتوح المصدر يعمل محليًا أولًا — حساب Google الخاص بك، وملفّاتك، ومكتبة منسّقة من المهارات وأنظمة التصميم من حوله.

Antigravity منصّة Google التطويرية التي يتصدّرها الوكيل، وأُطلِقت إلى جانب Gemini 3. وثلاثة أمور تجعلها مثيرة للاهتمام في التصميم تحديدًا: أن وكلاءها يعملون على نماذج Gemini 3.x متعدّدة الوسائط أصلًا، فيقرؤون لقطة الشاشة ويستدلّون عن التخطيط والتباعد والتراتبية؛ وأنها تأتي بمتصفّح مدمج يستطيع الوكيل قيادته، فيعرض واجهته ويفحصها بدلًا من التخمين؛ وأنها تنتج نواتج — قوائم مهام، وخطط تنفيذ، ولقطات شاشة، وتسجيلات للمتصفّح — تحوّل عمل الوكيل إلى شيء يمكنك مراجعته فعلًا. وعند اقترانها بالمراجع والأعراف وحلقة تحقّق مناسبة، تبني واجهات حقيقية ومتجاوبة — وهي مجانية للبدء بحساب Google. هذا دليل عملي شامل لاستخدام Antigravity في أعمال الواجهات والواجهات الأمامية وأنظمة التصميم، ولربطها ضمن سير عمل تصميمي منظّم مع Open Design.

يتناول الدليل ماهية Antigravity فعليًا، ولماذا يناسب التصميمَ نموذج Gemini متعدّد الوسائط ومتصفّح مدمج، وكيفية إعدادها من الصفر، وحلقة التحويل من لقطة الشاشة إلى الواجهة، وكيف يوسّعها سياق الوكيل وأدواته، وكيف تُقارن بـ Codex وClaude Code وCursor وGemini CLI، والعثرات التي تجعل مخرجات الذكاء الاصطناعي تبدو عامة، وكيف يسدّ Open Design الفجوة بوصفه طبقة تصميم مفتوحة تعمل محليًا أولًا — وهو اقتران طبيعي، إذ إن Open Design مفتوح المصدر ويعمل على جهازك.

ماهية Antigravity فعليًا

Antigravity منصّة Google التطويرية التي يتصدّرها الوكيل — وهي بيئة تطوير مدعومة بالذكاء الاصطناعي مبنية بحيث يؤدّي العملَ وكلاءُ مستقلّون، لا روبوتات محادثة جانبية. أُعلِن عنها في 18 نوفمبر 2025 إلى جانب Gemini 3، وهي متاحة في معاينة عامة دون تكلفة للأفراد، وتتيح لك تفويض مهام برمجية معقّدة متعدّدة الأدوات إلى وكيل يعمل عبر المحرّر والطرفية ومتصفّح مدمج. ويعمل وكلاؤها بشكل أساسي على نماذج Google من Gemini 3.x متعدّدة الوسائط.

في العمل التصميمي، تبرز ثلاث خصائص. فوكلاؤها يقرؤون لقطات الشاشة ويستدلّون عن التخطيط الفعلي، لأن Gemini 3.x متعدّد الوسائط أصلًا. وتستطيع قيادة متصفّح حقيقي، فتعرض ما تبنيه وتتحقّق منه. وتُظهِر نواتج — قوائم مهام، وخططًا، ولقطات شاشة، وتسجيلات للمتصفّح — فتراجع مخرجات ملموسة بدلًا من سجلّات الأدوات الخام.

  • واجهة المحرّر + سطح المدير: واجهة المحرّر بيئة تطوير ذكاء اصطناعي مألوفة بإكمالات تبويب وأوامر ضمن السياق؛ ويتيح لك سطح المدير إطلاق عدّة وكلاء وتنسيقهم ومراقبتهم وهم يعملون على نحو غير متزامن عبر مساحات العمل — وهو الموضع الطبيعي لتشغيل مهمّة تصميمية طويلة.
  • متصفّح مدمج + نواتج: يستطيع الوكلاء العمل في متصفّح مدمج وإصدار نواتج (لقطات شاشة، وتسجيلات للمتصفّح، وقوائم مهام، وخطط) يمكنك ترك تغذية راجعة عليها — وهي حلقة تحقّق مبنية داخل المنصّة لا مُلحَقة بها.
  • مجاني للبدء: يمنحك تسجيل الدخول بحساب Google شخصي حدود استخدام سخيّة على Gemini 3.x؛ وتعمل المنصّة على macOS وWindows وLinux.
  • المُورّد: Google
  • بيانات الاعتماد: حساب Google (بريد Gmail شخصي)، مجاني خلال المعاينة العامة
  • الملف التنفيذي: يُطلَق عبر agy؛ ويعمل على macOS وWindows وLinux

لماذا يناسب التصميمَ نموذج Gemini متعدّد الوسائط ومتصفّح مدمج

تأتي ميزة Antigravity التصميمية من النموذج والمنصّة معًا — لكن، كما هي الحال مع كل وكيل، يبقى الذوق أمرًا يجب توفيره.

  • فهم قوي متعدّد الوسائط: بما أن Gemini 3.x متعدّد الوسائط أصلًا، يقرأ الوكيل لقطات الشاشة المرجعية قراءةً جيدة — مقارنًا مخرجاته المعروضة بصورة بدلًا من التخمين من وصف نثري.
  • متصفّح مدمج للتحقّق: يقود الوكيل متصفّحًا حقيقيًا، فيعرض الواجهة، ويفحصها عبر الحالات، ويلتقط التخطيطات المتكسّرة — ويحفظ النتيجة بوصفها ناتج تسجيل متصفّح يمكنك مراجعته.
  • الأعراف التي يقرؤها الوكيل: دوّن رموزك التصميمية ومكوّناتك وقواعد المراجعة في سياق مشروع الوكيل كي يعمل وفق هويتك البصرية بدلًا من مظهر افتراضي.
رسم تخطيطي يوضّح تلاقي نظام التصميم والمهارة وصورة المرجع للوصول إلى مخرجات تصميمية جيدة
يأتي الذوق من ثلاثة مدخلات توفّرها: نظام تصميم، ومهارة، وصور مرجعية حقيقية.

الدرس نفسه الذي يعلّمه كل وكيل: لا يمتلك Antigravity ذوقًا افتراضيًا. فهو ينتج تصميمًا جيدًا حين تمدّه بالقيود — نظام تصميم ومهارة جمالية ومراجع ملموسة. ويحزم Open Design هذه المدخلات بالضبط، ولهذا يتلاءم الاثنان معًا (المزيد أدناه).

إعداد Antigravity للعمل التصميمي، من الصفر

إليك المسار الكامل من جهاز نظيف إلى وكيل Antigravity قادر على بناء الواجهات والتحقّق منها. وقد تتبدّل القوائم داخل التطبيق بدقّتها خلال المعاينة، لذا يبقى هذا عند المستوى الذي يمكنك الاعتماد عليه.

# 1. Download Antigravity for your OS (macOS, Windows, Linux)
#    from the official download page: antigravity.google/download

# 2. Launch it and sign in
agy               # opens Antigravity; sign in with your Google account

# 3. Accept the data-use policy, pick a theme, and open your project folder

# 4. Start an agent task in the Editor View or the Manager Surface,
#    selecting a Gemini 3.x model (e.g. Gemini 3.1 Pro)
سير إعداد من خمس خطوات: التنزيل، وتسجيل الدخول بـ Google، وفتح المشروع، وإضافة قواعد التصميم ومهارة، وتفعيل التحقّق عبر المتصفّح
تسلسل الإعداد: التنزيل ← تسجيل الدخول بـ Google ← فتح مشروعك ← إضافة قواعد التصميم ومهارة ← استخدام المتصفّح المدمج للتحقّق.
  • دوّن قواعد تصميمك: ضع رموزك التصميمية وعناصرك الأساسية وأعرافك في سياق مشروع الوكيل كي تطابق المخرجات الهوية البصرية بدلًا من اللجوء افتراضيًا إلى مظهر عام.
  • استخدم المتصفّح المدمج: اجعل الوكيل يعرض في متصفّح Antigravity المدمج ويفحص مخرجاته عبر نقاط التوقّف — متحقّقًا من أن الواجهة تبدو صحيحة، لا من مجرّد نجاح البناء.

سير عمل التحويل من لقطة الشاشة إلى الواجهة

أكثر حلقات التصميم تأثيرًا مع Antigravity هي تحويل صورة مرجعية إلى واجهة عاملة ومتجاوبة والتكرار حتى تتطابق — بالاعتماد على النموذج متعدّد الوسائط لمقارنة المخرجات بالمرجع، وعلى المتصفّح المدمج للتحقّق منها.

  1. ابدأ من أوضح المراجع البصرية لديك — وأدرِج حالات متعدّدة (سطح المكتب والجوال، والتمرير فوق العنصر، والحالة الفارغة، وحالة التحميل)، لا لقطة رئيسية واحدة فحسب.
  2. كن محدّدًا في المُوجّه؛ فالمُوجّهات الغامضة تنتج واجهات عامة حتى مع نموذج قوي.
  3. احتفظ بنظام تصميمك وأعرافك في سياق مشروع الوكيل، وأخبِره بمواضع الرموز التصميمية والعناصر الأساسية المرجعية.
  4. دَع الوكيل يعرض في متصفّح Antigravity المدمج، مع تغيير الحجم إلى نقاط التوقّف للتحقّق من النتيجة.
  5. كرّر العمل بأن تجعل الوكيل يقارن تنفيذه بلقطات الشاشة — لا أن يكتفي بالتأكّد من نجاح البناء — وراجِع نواتج تسجيلات المتصفّح ولقطات الشاشة التي ينتجها.

أرفِق صورك المرجعية وقدّم قيودًا ملموسة، ثم دَع الوكيل يتحقّق في المتصفّح:

# In an Antigravity agent task, attach reference-desktop.png and
# reference-mobile.png, then prompt:

Implement this design in React + Vite + Tailwind + TypeScript.
Reuse my existing design-system components and tokens.
Match spacing, layout, and hierarchy; make it responsive.
Render it in the integrated browser and iterate until it matches
the references across breakpoints, and show me the screenshots.

أبقِ المُوجّهات صغيرة ومركّزة، وأودِع التكرارات الجيدة وتراجع عن السيّئة (مع إخبار الوكيل عند تراجعك)، كي تبني كل مرحلة على أساس نظيف.

سياق الوكيل والأدوات والنواتج

ثلاث نقاط توسّع تجعل Antigravity عمليًا للعمل التصميمي المستمر، وتنطبق الثلاث جميعها بسلاسة على سير عمل تصميمي مفتوح.

  • سياق المشروع: قواعد المشروع الدائمة هي الموطن المتين لأعراف تصميمك — الرموز التصميمية والعناصر الأساسية وقوائم المراجعة التي يقرؤها الوكيل في كل مهمّة، كي تبقى المخرجات متوافقة مع الهوية البصرية.
  • متصفّح مدمج + طرفية: يعمل الوكلاء عبر المحرّر والطرفية ومتصفّح مدمج، فيستطيعون جمع المراجع وتشغيل خادم تطوير والتحقّق من الواجهة المعروضة دون مغادرة المنصّة.
  • نواتج تراجعها: تجعل قوائم المهام وخطط التنفيذ ولقطات الشاشة وتسجيلات المتصفّح عملَ الوكيل واضحًا؛ فتترك تغذية راجعة على الناتج ويدمج الوكيل التصحيحات.

هذه هي القدرات التي تحتاجها حلقة تصميم جادّة — وهي بالضبط ما بُني Open Design لتنسيقه، بدلًا من إعادة إنشائه لكل مشروع.

Antigravity مقابل Codex وClaude Code وCursor وGemini CLI في التصميم

لا يوجد فائز واحد في العمل التصميمي — فلكل وكيل نقطة قوة مختلفة، والفِرق المتمرّسة تجمع بينها. وفيما يلي ملخّص منصف:

الوكيلنقطة القوة التصميميةالأفضل لـ
Antigravityبيئة تطوير يتصدّرها الوكيل مع Gemini 3.x متعدّد الوسائط، ومتصفّح مدمج للتحقّق الذاتي، ونواتج قابلة للمراجعة؛ مجانية في المعاينةبناءات غير متزامنة متعدّدة الوكلاء مع تحقّق مدمج للواجهة عبر المتصفّح
Codexصقل بصري قوي مع مهارة للواجهات الأمامية؛ وبناءات غير متزامنة في بيئة معزولةالبناءات غير المتزامنة المُفوَّضة وقواعد AGENTS.md القابلة للنقل
Claude Codeقرارات تصميمية محدّدة (الألوان الست عشرية والتباعد والخطوط) وتجربة استخدام مدرِكة لقاعدة الشيفرةالاستدلال في الواجهات الأمامية وإعادة الهيكلة ذات السياق الكبير
Cursorحلقة بناء ومعاينة بصرية مع معاينة حيّة وتعديلات ضمن السياقعمل واجهات محكم قائم على التكرار والمراقبة داخل بيئة تطوير متكاملة
Gemini CLIوكيل طرفية مفتوح المصدر يعمل على Gemini متعدّد الوسائط بسياق بسعة مليون رمز وباقة مجانيةالعمل الطرفي المعتمد بكثافة على لقطات الشاشة والاحتفاظ بنظام تصميم كامل في السياق

الحُكم المتكرّر في الأوساط هو أن الذوق يأتي من البشر: فجميعها تتّجه افتراضيًا إلى جمالية عامة دون مهارات ومراجع وقيود. هذه هي المشكلة الحقيقية التي يجب حلّها — وهي مشكلة بشكل أداة تصميم، لا بشكل نموذج.

العثرات وكيفية تجنّب مظهر «ركاكة الذكاء الاصطناعي»

أكثر الشكاوى شيوعًا بشأن التصميم المُولَّد بالذكاء الاصطناعي أنه يبدو عامًا — تدرّجات لونية ناعمة، ولوحات طافية، وزوايا دائرية مفرطة الحجم، وظلال مبالَغ فيها، وطابع «خط Inter واللون الأرجواني» الذي «يصرخ بأن ذكاءً اصطناعيًا صنع هذا». ومن المشكلات المُبلَّغ عنها أيضًا تكسّر تخطيطات الجوال وتسرّب التعليمات إلى نصوص الواجهة. ولا يقتصر أيٌّ من هذا على Antigravity؛ بل هو ما يحدث حين يعمل أي وكيل دون سياق تصميمي منسّق.

  • أضِف مهارة جمالية: تُلزِم المهارة التصميمية المنسّقة الوكيلَ بالالتزام باتجاه حقيقي بدلًا من المظهر الافتراضي.
  • تحقّق في المتصفّح المدمج: استخدم النموذج متعدّد الوسائط ومتصفّح Antigravity المدمج للعرض والتحقّق الذاتي عبر نقاط التوقّف كي لا تتكسّر التخطيطات بصمت على الجوال.
  • وفّر الرموز التصميمية والمراجع: تمثّل الرموز التصميمية الحقيقية ولقطات الشاشة المرجعية أكبر عامل مؤثّر منفرد في جودة المخرجات.
  • دوّن القواعد في سياق المشروع: ضع قواعد من نوع «لا بطاقات رئيسية، وخطّان كحدّ أقصى، وتراتبية تُقدّم الهوية البصرية» حيث يقرؤها الوكيل في كل مهمّة.

لاحظ أن كل إجراء تخفيفي يدور حول منح الوكيل سياقًا تصميميًا منسّقًا. والحفاظ على هذا السياق يدويًا، ولكل مشروع، هو العناء الذي يزيله Open Design.

التصميم باستخدام Antigravity داخل Open Design

Open Design هو طبقة التصميم مفتوحة المصدر التي يطلبها سير العمل أعلاه باستمرار. فهو يتعامل مع Antigravity بوصفه مُحوّلًا أصيلًا ويغلّفه بمكتبة منسّقة من المهارات وأنظمة التصميم، وخط معالجة عرض منظّم، وواجهة سطح مكتب محلية — بحيث يكون السياق التصميمي الذي يجعل Antigravity جيدًا حاضرًا منذ التشغيل الأول، لا مُجمَّعًا يدويًا في كل مرة. وOpen Design مفتوح المصدر ويعمل محليًا أولًا، ما يجعل اقترانهما ملائمًا بطبيعته.

  1. ثبّت Open Design واختر Antigravity وكيلًا لك.
  2. صادِق بحساب Google الخاص بك — تبقى بيانات الاعتماد على جهازك ولا تُمرَّر عبرنا أبدًا.
  3. اختر نظام تصميم ومهارة، ثم أنشئ العروض التقديمية والنماذج الأولية وصفحات الهبوط بذوق متّسق.
  4. كل ناتج وملف DESIGN.md يبقى في مستودعك الخاص، لا في سحابة مستضافة.

وكيل Antigravity نفسه، وحساب Google نفسه — مع سير عمل تصميمي حقيقي وقابل للنقل ومفتوح المصدر من حوله. وOpen Design يعمل محليًا أولًا ومرخّص بـ Apache-2.0، فلا يغادر جهازك أيُّ شيء من عملك أو بيانات اعتمادك.

الأسئلة الشائعة

  1. 01 هل يستطيع Antigravity فعلًا أداء العمل التصميمي؟

    نعم — فمع مهارة جمالية ونظام تصميم وصور مرجعية حقيقية في السياق، ينتج Antigravity واجهات متجاوبة بجودة الإنتاج، ويتحقّق وكلاؤه من Gemini 3.x متعدّد الوسائط من المخرجات في المتصفّح المدمج. ودون ذلك السياق يميل إلى اللجوء افتراضيًا إلى مظهر عام، وهي الفجوة التي يسدّها Open Design.

  2. 02 هل أحتاج إلى الدفع للتصميم باستخدام Antigravity؟

    Antigravity متاح في معاينة عامة دون تكلفة للأفراد، مع حدود استخدام سخيّة على Gemini 3.x حين تسجّل الدخول بحساب Google شخصي. ولا يمرّر Open Design بيانات اعتمادك في كل الأحوال.

  3. 03 ما الذي يجعل Antigravity جيدًا للتصميم تحديدًا؟

    ثلاثة أمور: أن وكلاءه يعملون على نماذج Gemini 3.x متعدّدة الوسائط أصلًا تقرأ لقطات الشاشة المرجعية قراءةً جيدة، وأنه يأتي بمتصفّح مدمج يستطيع الوكيل قيادته للتحقّق من الواجهة، وأنه يُظهِر نواتج — لقطات شاشة وتسجيلات للمتصفّح — يمكنك مراجعتها. ويبقى الذوق نابعًا من نظام التصميم والمهارة والمراجع التي توفّرها.

  4. 04 Antigravity أم Claude Code لتصميم الواجهات الأمامية؟

    كلاهما قوي. يُعرَف Claude Code بقراراته التصميمية المحدّدة والمدرِكة لقاعدة الشيفرة؛ أما ميزة Antigravity فهي منصّتها التي يتصدّرها الوكيل — Gemini 3.x متعدّد الوسائط، ومتصفّح مدمج للتحقّق، ونواتج قابلة للمراجعة. وتستخدم فِرق كثيرة كليهما — ويتيح لك Open Design تبديل الوكلاء دون تغيير سير عملك التصميمي.

  5. 05 كيف أتحقّق ممّا يبنيه Antigravity؟

    يأتي Antigravity بمتصفّح مدمج يستطيع وكلاؤه قيادته، فيعرضون الواجهة، ويفحصونها عبر نقاط التوقّف، ويلتقطون لقطات الشاشة وتسجيلات المتصفّح بوصفها نواتج. ومراجعة تلك النواتج — وجعل الوكيل يقارن مخرجاته بمراجعك — هي السبيل لإبقاء النتيجة مطابقة للمواصفات.

  6. 06 هل Open Design تابع لـ Google؟

    لا. Antigravity منتج تابع لـ Google؛ وOpen Design مشروع مستقل مفتوح المصدر يدعمه بوصفه مُحوّلًا أصيلًا. وAntigravity وGemini علامتان تجاريتان لـ Google.

  7. 07 هل ملفّاتي وبيانات اعتمادي آمنة؟

    نعم — فـ Open Design يعمل محليًا أولًا ومرخّص بـ Apache-2.0. تبقى ملفّاتك ونواتجك وملف DESIGN.md في مستودعك الخاص، وتُستخدَم بيانات اعتماد Google مباشرةً من قِبل وكيلك، ولا تُمرَّر عبر خوادم Open Design أبدًا.

صمّم باستخدام Antigravity، بالطريقة المفتوحة.

أحضِر حساب Google الخاص بك، وأبقِ كل ملف محليًا، واحصل على مكتبة تصميم منسّقة من حول الوكيل الذي تستخدمه أصلًا.

● Apache-2.0 Apache-2.0 · صنع على الأرض · BYOK اطّلع على جميع الوكلاء المدعومين