> ## Documentation Index
> Fetch the complete documentation index at: https://docs.framerfy.ae/llms.txt
> Use this file to discover all available pages before exploring further.

# إعداد الموصّل

> أضف موصّل Framerfy إلى Claude، وسجّل الدخول، واربط مشروع Framer الذي سيبني فيه Claude.

يستغرق الإعداد نحو 5 دقائق: أضف الموصّل إلى Claude، وسجّل الدخول بحساب Framerfy، واربط مشروع Framer.

## قبل أن تبدأ

* **حساب Framerfy أضفت إليه متجر Shopify.** إن لم تفعل، اتبع الخطوات من 1 إلى 5 في [البدء](https://docs.framerfy.ae/ar/shopify-integration/getting-started.md).
* **مشروع Framer يمكنك تعديله**، وغالبًا قالب نسخته إلى حسابك. لا يعمل Claude إلا في المشاريع التي تربطها.
* **خطة Claude تسمح بالموصّلات المخصصة.** يعمل ذلك في Claude على الويب وسطح المكتب، وفي Claude Code.

## الخطوة الأولى: أضف الموصّل إلى Claude

رابط الموصّل:

```
https://mcp.framerfy.ae/mcp
```

> [tab] Claude (الويب وسطح المكتب)
>
> 1. في Claude، افتح **Settings ← Connectors**.
> 2. انقر **Add custom connector**.
> 3. سمّه **Framerfy** والصق الرابط أعلاه.
> 4. انقر **Add** ثم **Connect**. يفتح Claude صفحة تسجيل الدخول إلى Framerfy.

> [tab] Claude Code
>
> 1. في الطرفية، شغّل:
>    ```bash theme={null}
>    claude mcp add --transport http framerfy https://mcp.framerfy.ae/mcp
>    ```
> 2. شغّل Claude Code، واكتب `/mcp`، واختر **framerfy** ثم **Authenticate**. يفتح متصفحك صفحة تسجيل الدخول إلى Framerfy.

تجد الرابط وأمر Claude Code أيضًا في صفحة **MCP** في [admin.framerfy.ae](https://admin.framerfy.ae)، مع زر للنسخ.

## الخطوة الثانية: سجّل الدخول واسمح بالوصول

1. سجّل الدخول ببريدك في Framerfy.
2. يعرض Framerfy التطبيق الذي يطلب الوصول (Claude) وما يستطيع فعله. يسألك قبل أن ينشر أو يغيّر Shopify أو يحذف أي شيء.
3. انقر **Allow**. تعود إلى Claude، ويظهر الموصّل متصلًا.

يبقى Claude متصلًا حتى تفصله. لتسجيل خروج Claude من كل الأجهزة، افتح صفحة **MCP** في لوحة التحكم وانقر **Disconnect Claude everywhere**.

## الخطوة الثالثة: اربط مشروع Framer

لا يستطيع Claude فتح أي مشروع Framer إلا المشاريع التي تربطها هنا.

1. افتح مشروعك في Framer. انتقل إلى **Settings ← API Keys** وانقر **Create**. انسخ المفتاح.
2. انسخ رابط المشروع من المتصفح. يبدو هكذا: `https://framer.com/projects/My-Store--abc123`.
3. في [admin.framerfy.ae](https://admin.framerfy.ae)، افتح صفحة **MCP**.
4. تحت **Connect a Framer project**، الصق **Project URL** و**Framer API key**.
5. تحت **Shopify store it sells from**، اختر المتجر الذي يبيع منه هذا الموقع.
6. انقر **Connect project**. يفتح Framerfy المشروع مرة واحدة للتحقق من المفتاح، ثم يضيفه إلى **Connected projects**.

> [!TIP]
>
> يحفظ Framerfy المفتاح مشفّرًا ولا يستخدمه إلا حين يعمل Claude على ذلك المشروع. لإيقاف Claude عن استخدام مشروع، احذفه من **Connected projects**، أو احذف المفتاح في Framer.

## تأكد أنه يعمل

اطلب من Claude:

> اعرض مشاريعي في Framerfy.

يجب أن يذكر Claude المشروع الذي ربطته والمتجر المرتبط به. إذا قال إنه لا يوجد مشروع مرتبط، ارجع إلى الخطوة الثالثة. وإذا قال إن حسابك لا يستطيع استخدام الموصّل بعد، فأنت لست ضمن المرحلة التجريبية: راسلنا على [support@framerfy.ae](mailto:support@framerfy.ae).

التالي: [بناء متجر](https://docs.framerfy.ae/ar/ai-builder/build-a-store.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.