الصفحة الرئيسية لـ UXMagic
  • المزايا
  • المكتبات
  • المجتمع
  • الأسعار
  • التسويق بالعمولة
  • الموارد
الصفحة الرئيسية لـ UXMagic
الصفحة الرئيسية لـ UXMagic

المكتبات

المجتمع
الأسعار
التسويق بالعمولة

الموارد

تابعنا على:
  • تابعنا على Slack
  • تابعنا على Twitter
  • تابعنا على LinkedIn
  • تابعنا على YouTube
  • تابعنا على Instagram
مركز المساعدة
  • 🚀ابدأ من هنا
  • ✨توليد التصاميم
  • 🎨التصميم والتحرير
  • 📦التصدير والتسليم
    • التصدير إلى Figma
    • تصدير الكود (HTML وReact وTailwind)
    • التصدير إلى Framer وWebflow
    • دفع تصميم إلى WordPress
    • التصدير بصيغة PDF أو صورة
    • التصدير إلى Canva
  • 🌐نشر موقع حي
  • 🤝المشاركة والتعاون
  • 🔌التكاملات والمطوّرون
  • 💳الخطط والأرصدة والفوترة
  • 🛠حل المشكلات

ما زلت متعثّرًا؟

فريقنا يجيب من داخل المنتج.

تواصل مع الدعم ←
  1. مركز المساعدة/
  2. التصدير والتسليم/
  3. التصدير إلى Framer وWebflow

التصدير إلى Framer وWebflow

انسخ شاشة إلى Framer أو Webflow بلصقة واحدة، مع الحفاظ على البنية والتنسيق.

آخر تحديث 27 أغسطس 2026

في هذه الصفحة

  • Framer
  • Webflow
  • ما ينبغي تفقّده بعد اللصق
  • متى تستخدم هذا بدل تصدير الكود

يعمل التصدير إلى Framer وWebflow عبر الحافظة: ينتج UXMagic الحمولة التي تفهمها كل أداة، وتلصقها أنت على لوحتها.

Framer#

  1. حدّد الشاشة.
  2. تصدير ← Framer.
  3. انسخ الحمولة المولَّدة.
  4. افتح مشروع Framer عندك والصقها على اللوحة.

فتنتقل بنية التخطيط والنصوص والتنسيق طبقاتٍ أصلية في Framer يمكنك مواصلة تحريرها.

Webflow#

  1. حدّد الشاشة.
  2. تصدير ← Webflow.
  3. انسخ الحمولة المولَّدة.
  4. في Webflow Designer، الصقها على اللوحة.

فتحصل على عناصر Webflow حقيقية بأصنافها، لا كتلة تضمين.

ما ينبغي تفقّده بعد اللصق#

  • الخطوط — تأكّد أن المحارف المستخدمة متاحة في المشروع الوجهة.
  • الصور — تصل بروابطها؛ ارفعها إلى مدير الأصول في الوجهة قبل الإطلاق.
  • التفاعلات — الحركات والتفاعلات تُضبط في Framer أو Webflow، ولا تنتقل معها.

متى تستخدم هذا بدل تصدير الكود#

إن كان الموقع سيتولّاه فريق يعيش في Framer أو Webflow، فالصقه هناك. أما إن كان المهندسون هم أصحابه، فاستخدم تصدير الكود بدلًا منه.

هل كانت هذه المقالة مفيدة؟

مقالات ذات صلة

تصدير الكود (HTML وReact وTailwind)

صدّر شاشة واحدة أو مشروعًا كاملًا كودَ واجهة أمامية جاهزًا للإنتاج.

دفع تصميم إلى WordPress

اربط موقع WordPress وانشر عليه الشاشات المولَّدة صفحاتٍ فيه.

انشر موقعك الأول

أطلِق مشروعًا على نطاق فرعي من uxmagic.io في دقيقتين.

→ السابقتصدير الكود (HTML وReact وTailwind)التالي ←دفع تصميم إلى WordPress

في هذه الصفحة

  • Framer
  • Webflow
  • ما ينبغي تفقّده بعد اللصق
  • متى تستخدم هذا بدل تصدير الكود

فكرتك القادمة
تستحق أن ترى النور

توقف عن التفكير فيها واكتبها فحسب. حتى لو كانت ناقصة أو غير مكتملة، لا يهم. سنحوّلها إلى شيء حقيقي.

المنتج

  • المجتمع
  • خطط الأسعار
  • برنامج العمولة
  • UXMagic MCP
  • Claude MCP
  • معلومات الذكاء الاصطناعي

الموارد

  • مركز المساعدة
  • مكتبة Figma
  • مكتبة React
  • قوالب تطبيقات الجوال
  • التوثيق
  • الدروس التعليمية

المزايا

  • من أمر إلى واجهة
  • من صورة إلى واجهة
  • من رسم إلى واجهة
  • استنساخ موقع
  • استيراد من Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • كل المزايا

قارن

  • مقارنة مع UX Pilot
  • مقارنة مع Relume
  • مقارنة مع MagicPath
  • مقارنة مع Magic Patterns
  • مقارنة مع Banani
  • مقارنة مع Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • كل المنافسين

المدونات

  • الذكاء الاصطناعي في سير عمل تصميم تجربة المستخدم: ما الذي ينجح فعلًا
  • قوالب أوامر جاهزة للوحات تحكم SaaS
  • أوامر حقيقية نستخدمها لإنشاء تدفقات المنتجات
  • هندسة الأوامر لمصممي تجربة المستخدم
  • أفضل أدوات المخططات الهيكلية في 2026: مقارنة بين 10 خيارات مجانية واحترافية
  • كل المدونات

الشركة والدعم

  • الوظائف
  • تواصل معنا
  • سياسة الخصوصية
  • شروط الاستخدام
  • إعدادات ملفات تعريف الارتباط
  • تابعنا على Slack
  • تابعنا على Twitter
  • تابعنا على LinkedIn
  • تابعنا على YouTube
  • تابعنا على Instagram

© 2026 UXMagic AI Technologies Inc.