يعتبر برنامج Adobe XD أحد أفضل البرامج المتخصصة في صناعة نماذج UI/UX متكاملة واحترافية. كما يحمل اسم البرنامج فهو تابعة لشركة Adobe الشركة المالكة لبرمجيات مثل Photoshop و Illustrator. يتيح لك برنامج Adobe XD بعد تنصيبه، من البدء في تصميم واجهات المواقع والتطبيقات والصفحات بحرية، عبر مجموعة من الأدوات المساعدة. وكذلك تطبيق بعض الـ Animations و حتى Transistions بين الـ Frames على البرنامج.
إلا أن واحدة من أفضل ميزاته على الإطلاق، هي إتاحة متجر خاص بالإضافات (Plugins) الخاصة بالبرنامج، والتي تجلب الكثير من الخدمات المختلفة التي تسهل عليك إنشاء تصاميم أكثر احترافية. حتى نساعدك في الحصول على أفضلها، نقترح عليك في هذا المقال 10 إضافات (Plugins) لبرنامج Adobe XD ستساعدك كثيرا في عملك، وتضفي سهولة عليه.
لاستخدام أي إضافة من هذه الإضافات، فقط ابحث عن الإسم الخاص بها في متجر الإضافات (Plugins) في برنامج Adobe XD وقم بتحميلها.
1 - إضافة Icon 4 Design
صدقني، لا أعرف كيف سأعيش بدون هذه الإضافة، كوني شخص يصمم بين الحين والآخر على برنامج Adobe XD، فإن هذه الإضافة وفرت علي الكثير. استخدام الأيقونات في التصميمات أمر روتيني نوعا ما، ستحتاجها في مظعم الأحيان. في البداية ربما ستستخدم منصات خارجية لتحميل أيقونات وتضمينها، لكن الأمر متعب، وبطيئ إلى حد ما. إضافة Icon 4 Design تأتي لتوفر لك محرك بحث سريع عن الأيقونات، ثم تظهر لك خيارات مختلفة، فور النقر على أي خيار، ستظهر لك الأيقونة في الـ Artboard. ولأنها Vector، سيمكنك تعديل حجمها وحتى شكلها، إلى جانب الألوان والـ Borders او الـ Strokes والمزيد.
اقرأ أيضا: 5 أسباب جعلتني اسقط في حب برنامج Adobe XD أشاركها معك الآن
2 - إضافة Pexels
هي إضافة تابعة لموقع Pexels، وهو موقع متخصص في جلب الصور بجودة عالية ذات حقوق ملكية مشتركة. ستساعدك الإضافة على Adobe XD من إمكانية وضع وتجسيد الصور على أي نوع من الـ Objects ( مثلا مربع او مستطيل او الصفحة كاملة ). ثم إضافة الصورة مباشرة إلى العنصر. سيساعدك هذا في إبقاء عملية البحث عن الصور وإدماجها في المشروع الذي تعمل عليه أسهل وأبسط، بدل الخروج من البرنامج والبحث عن صور جيدة ثم استخدامها. العبها سهلة يا صديقي!
3 - إضافة Advanced Export
إن الهدف من برنامج Adobe XD هو إمكانية صناعة مجموعة من نماذج التصميمات UI/UX من أجل تطويرها لاحقا سواء على شكل مواقع للويب، او على شكل تطبيق للموبايل. بعد الإنتهاء من التصميم، يتم تكليف المطور بمحاكاة الشكل لاحقا من أجل البدء بالعمل به. لكن، إن كنت مطور Front End وتصمم تصميماتك بنفسك وتطورها بنفسك، فستحتاج لإضافة Advanced Export. تقوم هذه الإضافة باستخراج المشروع الذي قمت بتصميمه إلى أكواد HTML/CSS جاهزة من حيث الإستخدام. بمعنى بدل إعادة تصميمه من الصفر، يمكنك استخراج الأكواد مباشرة من التصميم.
اقرأ أيضا: أفضل المنصات البديلة لبرنامج Adobe XD لصناعة نماذج UI/UX
4 - إضافتي UI Faces و User Profile
سنقوم بتجميع إضافتين في فقرة واحدة، وذلك لتشابههما الكبير، وتوفيرهما لنفس الخدمة. تستطيع الإضافتين إضافة صور مستخدمين (Profiles) للـ Shapes او الأشكال التي قمت بتصميمها. يمكنك استخدامها دائما من أجل إضافة صور مستخدمين بشكل تلقائي وبسهولة. بافتراض أنك تطور صفحة ويب لمنصة اجتماعية، ستحتاج لإدراج صور مستخدمين مختلفة من أجل جلب بعض الواقعية عليها، لذا لتجنب عناء البحث، قم باستخدام احدى الإضافتين لملأ صور البروفايل بشكل تلقائي.
5 - إضافة Lorem Ipsum
اعتقد من الإسم سيمكنك معرفة الهدف من إضافة Adobe XD هذه. يتم استخدام نص Lorem Ipsum من أجل ملئ فراغ نص لا تعرف ما الذي تكتب فيه. يوجد نص طويل يدعى Lorem Ipsum يمكنك استخدامه في المواضيع والمقالات والنصوص من أجل تجربتها. كذلك في برنامج Adobe XD، تساعدك إضافة تحمل نفس الإسم Lorem Ipsum من ملأ فراغ النص بشكل تلقائي حتى تظهر تصميماتك في أبهى حلة لها.
اقرأ أيضا: 5 برامج تساعدك على تصميم UI/UX إحترافي قبل تطويره برمجياً
6 - إضافة Mockplus
حين تقوم بصناعة تصميمك الخاص، فعليك استعراضه للعميل أليس كذلك؟ سواء كان تصميم Adobe XD او تصميم على فوتوشوب او Illustrator وغيرهم، فإنه من الضروري استعراض تصميمك بشكل أنيق في النهاية. لهذا يوجد الـ Mockups، وهي عبارة قوالب جاهزة يمكنك استخدامها من أجل تركيب التصميم خاصتك واستعراضه بشكل أنيق. إلا أن فكرة أخذ التصميم في Adobe XD ثم إدماجه في Mockup قد تحتاج الكثير من العمل. فاستخدم إذن إضافة Mockuplus، إضافة تستطيع أن تقوم بدمج التصميم خاصتك في Mockups متعددة. استخدام الإضافة قد يكون صعبا قليلا، فاستخدم الفيديو التالي لإرشادك للطريقة الصحيحة لاستخدام الإضافة.
7 - إضافة Color Designer
اقرأ أيضا: ما هو الUI و الUX ؟ و ما الفرق بينهما ؟
8 - إضافة UnDraw
9 - إضافة Wireframer
اقرأ أيضا: ما هو الـ UX Design ؟