divmagic DivMagic

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

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

استعمل من قبل

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ الآلاف من المطورين الآخرين!

المستخدمة من قبل المطورين في

موثوق به من قبل أكثر من 4000 مطور
divmagic

تقليل وقت التطوير الخاص بك بشكل كبير

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

يمكنك الحصول على كود 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 التعليمات البرمجية الأكثر إحكاما ونظيفة لتتمكن من استخدامها في مشاريعك.

محول

قم بتحويل أي مكون إلى 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

التسعير

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

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

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

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

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

شهريا

$16/شهر

باستثناء الضرائب المحلية أو ضريبة القيمة المضافة إن وجدت

  • متوفر لمتصفح Google Chrome (بما في ذلك جميع المتصفحات المستندة إلى Chromium مثل Brave وEdge وما إلى ذلك)

  • متاح لفايرفوكس

  • استخدم على العديد من الأجهزة كما تريد

  • التكامل مع DivMagic Studio

  • يشمل جميع التحديثات والميزات المستقبلية

  • ضمان استعادة الاموال

سنوي

$96/سنة

باستثناء الضرائب المحلية أو ضريبة القيمة المضافة إن وجدت

  • يحفظ - 6 أشهر مجانية

  • متوفر لمتصفح Google Chrome (بما في ذلك جميع المتصفحات المستندة إلى Chromium مثل Brave وEdge وما إلى ذلك)

  • متاح لفايرفوكس

  • استخدم على العديد من الأجهزة كما تريد

  • التكامل مع DivMagic Studio

  • يشمل جميع التحديثات والميزات المستقبلية

  • ضمان استعادة الاموال

🎁

خصم محدود !!!

دفعة لمرة واحدة

الأكثر شعبية
$300
$200

باستثناء الضرائب المحلية أو ضريبة القيمة المضافة إن وجدت

  • الوصول مدى الحياة

  • متوفر لمتصفح Google Chrome (بما في ذلك جميع المتصفحات المستندة إلى Chromium مثل Brave وEdge وما إلى ذلك)

  • متاح لفايرفوكس

  • استخدم على العديد من الأجهزة كما تريد

  • التكامل مع DivMagic Studio

  • يشمل جميع التحديثات والميزات المستقبلية

  • ضمان استعادة الاموال

أسئلة مكررة

ماذا تفعل 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 - Copy design from any website | Product Hunt

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