divmagic DivMagic

نسخ التصميم من أي موقع

انسخ كود أي عنصر من عناصر موقع الويب بسهولة بنقرة واحدة. جربه الآن!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
يستخدم من قبل +6000 مطور
موثوق به من قبل أكثر من 6000 مطور
divmagic
ملحق المتصفح السحري:
حفظ مئات الساعات
متوافق مع كروم وفايرفوكس
تم نسخ +1 مليون عنصر
أسرع دعم
منتقي الألوان ونسخ الخطوط والأدوات المتكاملة الأخرى
قم بإنشاء مكتبة المكونات الخاصة بك

يستخدمه +6000 مطور في:

احصل على كود أي عنصر على أي موقع

يمكنك الحصول على كود HTML/CSS لأي عنصر على أي موقع ويب.
بنقرة واحدة، يمكنك نسخ كود أي عنصر على أي موقع.
يمكنك أيضًا نسخ الصفحات الكاملة بنقرة واحدة إذا أردت ذلك.

Media Query الدعم (مستجيب)

يمكنك نسخ استعلام الوسائط للعنصر الذي تنسخه.

وهذا سيجعل النمط المنسوخ سريع الاستجابة.

تحويل CSS إلى Tailwind CSS

يمكنك تحويل أي كود CSS إلى Tailwind CSS.

لا يحتاج موقع الويب الذي تنسخ منه إلى استخدام Tailwind CSS.

سيقوم DivMagic بتحويل أي كود CSS إلى Tailwind CSS (حتى الألوان!)

انسخ الكود من خلال إطارات iframe

يمكنك نسخ التعليمات البرمجية من إطارات iframe.

تضع بعض مواقع الويب المحتوى في إطارات iframe لمنعك من نسخه. يمكن لـ DivMagic نسخ التعليمات البرمجية من خلال إطارات iframe.

DevTools التكامل

استخدم DivMagic مباشرةً من أدوات تطوير متصفحك

يمكنك الوصول إلى قوة DivMagic دون ظهور الامتداد على الإطلاق

قم بتحويل عناصر الويب والتقاطها إلى مكونات قابلة لإعادة الاستخدام، كل ذلك مع البقاء داخل وحدة تحكم المطور الخاصة بك.

قم بتحويل أي مكون إلى React/JSX

يمكنك تحويل أي مكون إلى JSX.

يمكنك الحصول على أي قسم تنسخه كمكون React/JSX. لا حاجة لفحص الرمز.

حتى لو كان موقع الويب لا يستخدم React.

DivMagic Studio التكامل

يمكنك تصدير العنصر المنسوخ إلى DivMagic Studio.

سيسمح لك ذلك بتحرير العنصر وإجراء تغييرات عليه بسهولة.

يمكنك حفظ مكوناتك في DivMagic Studio وزيارتها في أي وقت.

DivMagic Toolbox

جميع الأدوات التي ستحتاجها لتطوير الويب في مكان واحد.

يمكنك نسخ الخطوط من مواقع الويب واستخدامها مباشرة في مشاريعك. يمكنك نسخ الألوان من أي موقع ويب واستخدامها مباشرة في مشاريعك. تحويل أي لون إلى أي تنسيق. إضافة شبكات.

و اكثر...

جميع الأدوات التي تحتاجها لإنشاء مواقع ويب رائعة بشكل أسرع

احصل على أفضل تصميم، دون قضاء ساعات في العمل عليه

مفتش

احصل على كود أي عنصر على أي موقع. يوفر DivMagic التعليمات البرمجية الأكثر إحكاما ونظيفة لتتمكن من استخدامها في مشاريعك.

محول

قم بتحويل أي مكون إلى React/JSX. يمكنك الحصول على أي قسم تنسخه كمكون React/JSX. بغض النظر عن إطار الموقع.

تايلويند CSS

تحويل CSS إلى Tailwind CSS. سيقوم DivMagic بتحويل أي كود CSS إلى Tailwind CSS (حتى الألوان!). لا يحتاج موقع الويب الذي تنسخ منه إلى استخدام Tailwind CSS.

دعم الإطار

انسخ الكود من إطارات iframe. تضع بعض مواقع الويب المحتوى في إطارات iframe لمنعك من نسخه. يمكن لـ DivMagic نسخ التعليمات البرمجية من خلال إطارات iframe.

استجابة

يمكنك نسخ استعلام الوسائط الخاص بالعنصر أو الصفحة التي تنسخها. وهذا سيجعل النمط المنسوخ سريع الاستجابة.

تكامل أدوات التطوير

استخدم DivMagic مباشرةً من أدوات تطوير متصفحك. يمكنك الوصول إلى جميع وظائف DivMagic دون ظهور الامتداد على الإطلاق.

تكامل الاستوديو

يمكنك تصدير العنصر المنسوخ إلى DivMagic Studio - وهو محرر قوي عبر الإنترنت لتحرير العنصر وإجراء تغييرات عليه بسهولة.

نسخة كاملة للصفحة

يمكنك نسخ صفحات كاملة بنقرة واحدة.

التكامل مع ووردبريس

(قريبًا) - يمكنك تصدير العنصر المنسوخ إلى WordPress. سيسمح لك هذا باستخدام العنصر المنسوخ في محرر WordPress.

صندوق الأدوات

جميع الأدوات التي ستحتاجها لتطوير الويب في مكان واحد. التعديلات المباشرة ومنتقي الألوان ومصحح الأخطاء والمزيد.

نسخ الخط

يمكنك نسخ الخطوط من مواقع الويب واستخدامها مباشرة في مشاريعك.

أداة انتقاء اللون

يمكنك نسخ الألوان من أي موقع ويب واستخدامها مباشرة في مشاريعك. تحويل أي لون إلى أي تنسيق.

محبوب
من
قبل
المطورين
والمصممين

“مدهش! أدى ذلك إلى زيادة إنتاجيتي بمقدار 1000 مرة. من السهل جدًا نسخ كود Tailwind للأشياء الموجودة على الإنترنت.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

مفيد بشكل لا يصدق! ليس هناك شك في أنه يوفر الكثير من الوقت!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 امتداد Chrome لتحويل العناصر مباشرة إلى Tailwind CSS (بما في ذلك الألوان).”

testimonial author
Michael Hoffman
Senior Frontend Developer

هذا ما كنت أبحث عنه بالضبط! أعمل بشكل جيد فيما أحاول.”

testimonial author
Will Bowman

يعمل بشكل رائع! الناتج صغير جدًا مما يجعل من السهل جدًا تعديله ليناسب حالة الاستخدام الخاصة بي!”

Nichole Peterson

يجب تطوير الواجهة الأمامية!! لقد أحببت حقًا الطريقة التي يتم بها اللعب بشكل جيد مع React وTailwind. إن سهولة واجهة المستخدم وتجربة المستخدم هي أكثر ما أحبه.”

Steven J.

“أنا أوصي به بشدة، إنه سحر!”

Javier

“الآن يمكنني سرقة التصاميم بسهولة أكبر! 🤭”

testimonial author
Ethan Glover
Application Engineer

“أداة رائعة، قيمتها تفوق تكلفتها بكثير.”

testimonial author
Bryan Brooks

يعد DivMagic كنزًا، فهو ببساطة أفضل أداة للحصول على هذا القسم من صفحة الويب وتقديمه لك بشكل مثالي. جرّبه، وستوفر لك التكلفة في الوقت المناسب خلال أيام.”

testimonial author
Victor Rhea

“أداة رائعة مدفوعة الأجر، تستحق المال!”

testimonial author
Daniro

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

testimonial author
Martin Young

“جميل وجوده في متصفحي”

testimonial author
Reza Hartana

“أداة رائعة ستوفر لك الكثير من الوقت في التطوير.”

testimonial author
Jackie Chong

يعمل بشكل جيد للغاية - حتى مع React + TailwindCSS. متأثر جدا.”

testimonial author
J L

“أداة مذهلة! أنا أحب الاستخدام القوي والسهولة التي يعمل بها. إذا كنت مطورًا، فلا تفكر مرتين وتأكد من حصولك عليه.

testimonial author
Giuliani Prosecutor

“أداة رائعة. من خلال الاقتران بمكونات Tailwind، يمكنك بسهولة توفير ساعات من العمل خلال أول 30 دقيقة من الاستخدام. يدفع لنفسه على الفور تقريبا.”

testimonial author
Brendan OC

“لقد قمت باختبار أكثر من 3 أدوات مماثلة في الماضي - تعد DivMagic واحدة من أفضل الأدوات من حيث الجودة، على الإطلاق.

testimonial author
John Techozens

“أداة مذهلة، إذا كنت تنشئ مواقع ويب، فأنت تعلم أن هذا أمر لا يحتاج إلى تفكير. وفرت الكثير من الساعات من العبث بالقوالب وتعديل CSS.”

testimonial author
Kevin McGrew

ملحق مفيد للغاية! تم الدفع مقابل المنتج الكامل لأنه يوفر لي الوقت والجهد.

Torra Laq

أداة مذهلة. أداة مفيدة جدًا للمطورين”

testimonial author
Talha Tonmoy

التسعير

يعمل على كل موقع

متاح لمتصفح Chrome وفايرفوكس

سياسة استرداد الأموال بالكامل

تحديثات مستمرة وميزات جديدة

دعم مخصص وسريع

يستخدمه +6000 مطور

"يدفع لنفسه على الفور تقريبا"

بريندان - مستخدم DivMagic

مضمون لتوفير الوقت والمال لك

  • الوصول مدى الحياة
  • متاح لجوجل كروم
  • جميع المتصفحات المستندة إلى Chromium
  • متاح لفايرفوكس
  • استخدم على جهازين
  • التكامل مع DivMagic Studio
  • يشمل كافة التحديثات المستقبلية
  • أسرع دعم
  • استخدام غير محدود
  • ضمان استعادة الاموال
🎁 وفر 145 دولارًا - احتفالًا بعامنا الأول!
$345
$200
الدفع لمرة واحدة - ادفع مرة واحدة، استخدمه للأبد
احصل الان

شهريا

$16/شهر

تم تضمين جميع ميزات DivMagic
إلغاء في أي وقت

سنوي

$96/سنة

تم تضمين جميع ميزات DivMagic
إلغاء في أي وقت

أسئلة مكررة

ماذا تفعل DivMagic؟

يتيح لك DivMagic نسخ عناصر الويب وتحويلها واستخدامها بسهولة. إنها أداة متعددة الاستخدامات تقوم بتحويل HTML وCSS إلى العديد من التنسيقات، بما في ذلك Inline CSS وExternal CSS وLocal CSS وTailwind CSS.

يمكنك نسخ أي عنصر من أي موقع ويب كمكون قابل لإعادة الاستخدام ولصقه مباشرة في قاعدة التعليمات البرمجية الخاصة بك.

كيف يمكنني استخدامه؟

أولاً، قم بتثبيت ملحق DivMagic. انتقل إلى أي موقع ويب وانقر على أيقونة الامتداد. ثم حدد أي عنصر في الصفحة. سيتم نسخ الكود - بالتنسيق الذي حددته - وسيكون جاهزًا للصقه في مشروعك.

يمكنك مشاهدة الفيديو التجريبي لترى كيف يعمل

ما هي المتصفحات المدعومة؟

يمكنك الحصول على الامتداد لمتصفح Chrome وFirefox.

يعمل ملحق Chrome على جميع المتصفحات المستندة إلى Chromium مثل Brave وEdge.

ماهي سياسة إستعادة الأموال؟

إذا لم تكن راضيًا عن DivMagic، فأرسل إلينا بريدًا إلكترونيًا في غضون 30 يومًا من الشراء وسنعيد إليك أموالك، دون طرح أي أسئلة.

support@divmagic.com

كيف يمكنني تعديل اشتراكي؟

يمكنك تعديل اشتراكك عن طريق الذهاب إلى بوابة العملاء.
بوابة العملاء

هل يعمل على جميع المواقع ؟

نعم. سيقوم بنسخ أي عنصر من أي موقع ويب، وتحويله إلى التنسيق الذي اخترته. يمكنك أيضًا نسخ العناصر المحمية بواسطة إطار iframe.

يمكن إنشاء موقع الويب الذي تنسخه باستخدام أي إطار عمل، وسيعمل DivMagic عليها جميعًا.

على الرغم من ندرتها، إلا أن بعض العناصر قد لا يتم نسخها بشكل مثالي - إذا واجهت أيًا منها، فيرجى إبلاغنا بها.

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

هل يعمل تحويل Tailwind CSS على جميع مواقع الويب؟

نعم. يمكن إنشاء موقع الويب الذي تنسخه باستخدام أي إطار عمل، وسيعمل DivMagic عليها جميعًا.

لا يلزم إنشاء موقع الويب باستخدام Tailwind CSS، حيث سيقوم DivMagic بتحويل CSS إلى Tailwind CSS نيابةً عنك.

ما هي القيود؟

أكبر قيود هي مواقع الويب التي تستخدم JavaScript لتعديل عرض محتوى الصفحة. في مثل هذه الحالات، قد لا يكون الرمز المنسوخ صحيحًا. إذا وجدت أي عنصر من هذا القبيل، يرجى إبلاغنا به.

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

كم مرة يتم تحديث DivMagic؟

يتم تحديث DivMagic بانتظام. نحن نعمل باستمرار على إضافة ميزات جديدة وتحسين الميزات الحالية.

نقوم بإصدار تحديث كل 1-2 أسابيع. راجع سجل التغيير الخاص بنا للحصول على قائمة بجميع التحديثات.

سجل التغيير

ماذا يحدث لحساب الدفع لمرة واحدة الخاص بي إذا تم إيقاف DivMagic؟

نريد أن نتأكد من أنك تشعر بالأمان عند عملية الشراء. نحن نخطط للبقاء موجودين لفترة طويلة جدًا، ولكن إذا تم إيقاف DivMagic في أي وقت، فسنرسل رمز الامتداد إلى جميع المستخدمين الذين قاموا بالدفع لمرة واحدة، مما يتيح لك استخدامه دون اتصال بالإنترنت إلى أجل غير مسمى.

هل تريد أن تبقى على اطلاع؟
انضم إلى قائمة البريد الإلكتروني الخاصة بـ DivMagic!

كن أول من يعرف عن الأخبار والميزات الجديدة وأكثر!

إلغاء الاشتراك في أي وقت. لا البريد المزعج.

© 2024 DivMagic, Inc. جميع الحقوق محفوظة.