تخطَّ إلى المحتوى

Drawer التصميم والإبداع

مجاني · من 12 دولارًا/الشهر

نبذة عن Drawer

ما هو Drawer؟

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

لمن يناسب Drawer؟

Drawer مثالي لمصممي واجهات المستخدم الذين يبنون أنظمة تصميم، وللمستقلين الذين يعيدون استخدام المكونات عبر مشاريع العملاء، وللفرق التي ترغب في مكتبة مكونات مشتركة. ولكنه ليس مثاليًا لغير المصممين أو المبدعين المتخصصين في التصميم المطبوع.

حالات الاستخدام

يمكن للمستقلين إنشاء مكتبة مكونات مرة واحدة ثم سحبها وإفلاتها في نماذج أولية للعملاء. وتقوم الفرق بمزامنة مكتبات المشاريع للحفاظ على تناسق العلامة التجارية. ويمكن للمطورين تصدير كود CSS أو HTML أو React من التصاميم.

الميزات الرئيسية

  • لوحة مكونات — صمم عناصر واجهة المستخدم باستخدام محرر مرئي
  • مكتبة منظمة — صنف المكونات حسب النوع أو المشروع أو العلامة
  • إعادة استخدام بالسحب والإفلات — اسحب المكونات إلى تخطيطات جديدة فورًا
  • تصدير الكود — قم بتوليد كود CSS أو HTML أو React من التصاميم
  • مزامنة المشاريع — حافظ على تناسق مكتبات المكونات عبر الفرق

أسعار Drawer

أسعار Drawer: مجاني · من 12 دولارًا/الشهر. نموذج الفوترة: Freemium.

الخطة المجانية

0 دولار — إمكانية الوصول إلى لوحة المكونات الأساسية والمكتبة، مع تخزين محدود وخيارات تصدير محدودة.

الخطة الاحترافية

من 12 دولارًا شهريًا — الميزات الكاملة بما في ذلك مكونات غير محدودة، وتصدير متقدم، ومزامنة الفريق.

تتوفر نسخة تجريبية مجانية للخطة الاحترافية.

اعثر على الأداة المناسبة لك مع مستشار الذكاء الاصطناعي →

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

هل Drawer مجاني؟
نعم، يحتوي Drawer على خطة مجانية بميزات أساسية. تبدأ الخطة المدفوعة الاحترافية من 12 دولارًا شهريًا.
كم تكلفة Drawer؟
يقدم Drawer خطة مجانية وخطة احترافية تبدأ من 12 دولارًا شهريًا. قد يختلف السعر الدقيق للخطة الاحترافية حسب الاشتراك.
لمن يناسب Drawer؟
Drawer مناسب لمصممي واجهات المستخدم والمستقلين والفرق التي ترغب في إنشاء وتنظيم وإعادة استخدام مكونات واجهة المستخدم بسرعة.
هل يمكنني تصدير الكود من Drawer؟
نعم، يتيح لك Drawer تصدير المكونات ككود CSS أو HTML أو React.
ما هي بدائل Drawer؟
تشمل البدائل Figma وSketch وFramer لأنظمة التصميم، لكن Drawer يركز على إعادة استخدام المكونات وتصدير الكود.
هل يعمل Drawer للفرق؟
نعم، يتضمن Drawer مزامنة المشاريع للحفاظ على تناسق مكتبات المكونات بين أعضاء الفريق.
◆ لست متأكدًا أنها الأداة المناسبة؟

خيارات كثيرة ولا تعرف أيها تختار؟
أخبرنا بما تحتاجه.

أجب عن 3 أسئلة سريعة وسيطابقك مستشار الذكاء الاصطناعي مع الأداة المثالية — فقط من شركائنا المختارين بعناية، وغالبًا بعروض حصرية لن تجدها في مكان آخر.

احصل على توصيتي الشخصية 60 ثانية · مجانًا · بدون تسجيل
احصل على القائمة المختارة + عروض حصرية
سنرسل إليك هذه الأدوات المختارة وبعض عروض SaaS المنتقاة يدويًا. بدون رسائل مزعجة.