13 افزونه ضروری Adobe XD

نویسنده: Randy Alexander
تاریخ ایجاد: 28 ماه آوریل 2021
تاریخ به روزرسانی: 9 ممکن است 2024
Anonim
20 افزونه مفید برای Adobe XD - پلاگین هایی که در XD برای طراحی UI نیاز دارید
ویدیو: 20 افزونه مفید برای Adobe XD - پلاگین هایی که در XD برای طراحی UI نیاز دارید

محتوا

از زمان انتشار اولین موج پلاگین های Adobe XD ، این گزینه برای کاربران تغییر دهنده بازی است. به محض اعلام پلتفرم باز ، انبوهی از شرکتهای مطرح مانند Dribbble ، Airtable و Stark ابزارها و خدمات خود را مستقیماً وارد XD کردند و اکنون کیت ها و پلاگین های UI جدیدی از Trello ، Google Cloud ، UserTesting.com و مجموعه های زیادی وجود دارد. از ابزارهای قدرتمند دیگر برای طراحان.

Adobe افزونه هایی را راه اندازی کرده است که امکان مدیریت دارایی ، اتوماسیون ، انتشار ، ابزارهای دستیابی و همکاری بیشتر بین طراحان و توسعه دهندگان و ذینفعانی را که با آنها کار می کنند ، فراهم می کند. این برای طراحان بسیار زیاد است ، زیرا تاکنون آنها مجبور بوده اند زمان زیادی را برای رفت و برگشت صرف کنند - واردات ، صرفه جویی ، صادرات و بارگذاری بین چندین سیستم عامل در گردش کار خود.

با توجه به این موضوع ، ما بهترین پلاگین های Adobe XD را برای کمک به بهبود گردش کار انتخاب کرده ایم. همچنین می توانید از بهترین پلاگین های فتوشاپ ، افزونه های افتر افکت و پلاگین های ایلوستریتور بازدید کنید تا سفر Adobe خود را انجام دهید.


Adobe XD در واقع چه کاری انجام می دهد؟

اما شاید شما این همه بحث در مورد پلاگین های Adobe XD را از دست داده باشید و از خود بپرسید که Adobe XD در واقع چه کاری انجام می دهد؟

Adobe XD ابزاری قدرتمند برای طراحی مبتنی بر صفحه است که به طراحان امکان می دهد طرح های خود را در یک برنامه واحد ایجاد ، متحرک سازی ، و به اشتراک بگذارند. به دلیل عملکرد بی نظیر خود در مک و ویندوز ، بسیار مورد استفاده قرار گرفته است. این همچنین بخشی از Creative Cloud است ، به این معنی که Adobe XD با دیگر محصولات Adobe مانند فتوشاپ ، Illustrator و After Effects به خوبی کار می کند و حتی می تواند با حفظ عناصر اصلی خود ، از Sketch رقیب نرم افزار پرونده ها را باز کند.

بنابراین ، با بررسی بهترین بهترین پلاگین های Adobe XD موجود شروع می کنیم.

01. رسم نکنید

  • قیمت: رایگان
  • از اینجا بارگیری کنید

UnDraw مجموعه ای به طور مداوم و به روز شده از تصاویر .svg را در خود جای داده است که کاملاً قابل شخصی سازی است و می توانید از آنها به صورت رایگان و بدون انتساب حتی در پروژه های تجاری استفاده کنید. به سادگی مرور کنید یا جستجو کنید تا تصاویر مورد نظر خود را پیدا کنید ، رنگ را متناسب با پالت یا رنگهای دارایی خود تغییر دهید ، سپس تصویر را بارگیری و استفاده کنید. وویلا


02. PhotoSplash 2

  • قیمت: $19.99
  • از اینجا بارگیری کنید

توسعه دهنده با عنوان "Adobe XD + UnSplash" برچسب زده می شود که این پلاگین توسط طراحان برای طراحان ساخته شده است. با یک حساب UnSplash رایگان ، می توانید عکس ها را مستقیماً به طرح های خود وارد کنید و استفاده از ابزارهای ناوبری و جستجوی آسان برای شما لذت بخش است. ما فکر می کنیم هیچ کاربر XD نباید بدون این یکی باشد.

03. Mockplus iDoc

  • قیمت: از رایگان
  • از اینجا بارگیری کنید

Mockplus iDoc یک پلت فرم طراحی محصول همه در یک است که به ایجاد گردش کار متصل تر در بین تیم ها کمک می کند. می توانید فایل های طراحی خود را مستقیماً از XD به Mockplus iDoc وارد کنید تا بتوانید کل پروژه ها ، وظایف طراحی و گردش کار خود را در یک صفحه داستان مشاهده کنید. این پلاگین به شما امکان می دهد نمونه های اولیه کاربردی را با اجزا ، تعاملات و نمادها بسازید. شما همچنین می توانید سیستم های طراحی مقیاس پذیر برای کمک به سازگاری در یک پروژه ایجاد کنید (برای اطلاعات بیشتر در این مورد ، به راهنمای ما در مورد چگونگی ساخت سیستم های طراحی موفق مراجعه کنید).


04. چهره های UI

  • قیمت: رایگان
  • از اینجا بارگیری کنید

یافتن عکس از افرادی که برای ساخت ماکت استفاده می کنند ، می تواند زمانبر باشد. UI Faces عکسهای ارسالی توسط کاربران را از آواتار خود جمع می کند و آنها را با ویژگی های مربوط به سن ، جنس ، احساسات و رنگ مو برچسب گذاری می کند تا یافتن چهره مناسب را به سرعت و آسان انجام دهد. این افزونه Adobe XD به طراحان این امکان را می دهد تا پارامترهای اطراف آن ویژگی ها را انتخاب کرده و هر شکل انتخابی را با یک کلیک با چهره پر کنند.

05. Color Ranger Pro 2

  • قیمت: $21.99
  • از اینجا بارگیری کنید

Color Ranger Pro 2 (قبلا Color Ranger) به طراحان این امکان را می دهد تا به راحتی رنگ های یک طرح را افزایش دهند. خبر اصلی نسخه جدید این است که شما می توانید نسخه جدیدی از طرح خود را در حالت تاریک یا حالت روشن ایجاد کنید. اما ، مانند قبل ، می توانید روشنایی ، اشباع ، رنگ ، عمق رنگ یا تیرگی عناصر خاص یا کل صفحه های هنری را بدون ویرایش هر عنصر در فتوشاپ تنظیم کنید. Color Ranger همچنین به شما امکان ذخیره و مدیریت ایستگاه از پیش تنظیم را می دهد که به این معنی است که ایجاد تم یا ویرایش کیت های UI با یک کلیک انجام می شود. اکنون می توانید تغییرات زنده ایجاد کنید و نسخه جدید و بهبود یافته دو برابر سریعتر است.

برای کسب اطلاعات بیشتر در مورد رنگ در طراحی ، به مقاله ما در مورد تئوری رنگ مراجعه کنید.

06. استارک

  • قیمت: از رایگان
  • از اینجا بارگیری کنید

اطمینان از در دسترس بودن طرح ها برای همه ، عمده ترین تمرکز طراحان و شرکت هایی است که با آنها کار می کنند. استارک به عنوان مجموعه ای از ابزارهای انطباق قابلیت دسترسی یکپارچه برای تیم های نرم افزاری توصیف می شود ، به شما کمک می کند تا در طراحی و ساخت محصولی قابل دسترسی ، اخلاقی و فراگیر کمک کنید. Stark توانایی بررسی کنتراست و شبیه سازی اشکال کوری رنگ را در Adobe XD قرار داده است. دیگر زمان لازم برای اجرای یک برنامه جداگانه برای شبیه سازی و پیش نمایش کوری رنگ و همچنین صرف ساعت های زیادی برای کپی و چسباندن کدهای hex برای بررسی کنتراست و خوانایی نوع آن ، گذشته است.

07. تغییر نام دهید

  • قیمت: رایگان
  • از اینجا بارگیری کنید

همه ما بیش از آنچه مراقب بودیم به سازماندهی و تغییر نام لایه ها و تخته های هنری بپردازیم ، وقت صرف کرده ایم. Rename این به شما امکان می دهد تمام لایه ها را به ترتیب صعودی یا نزولی تغییر نام دهید و همچنین نام نام لایه را در زمان کمتری تغییر دهید تا تغییر نام چند لایه. حتی امکان یافتن و جایگزینی کلمات یا کاراکترها با میانبرهای ساده صفحه کلید را فراهم می کند.

08. تغییر پرونده

  • قیمت: رایگان
  • از اینجا بارگیری کنید

Change Case یک افزونه واقعاً ساده اما قدرتمند است که به کاربران امکان می دهد متن بزرگ را در XD تغییر دهند. این بسیار ساده به نظر می رسد اما در صورت نیاز به صرفه جویی در وقت بسیار غیرمنتظره ای می انجامد.

09. Google Sheets

  • قیمت: رایگان
  • از اینجا بارگیری کنید

وارد کردن و چیدمان نوع باید یکی از دلهره آورترین کارها برای طراحان باشد ، در نتیجه چندین عنصر کپی و چسبانده می شوند یا از لورم ایپسوم در طول طراحی استفاده می شود. متأسفانه ، لورم ایپسوم تست خوبی ندارد و اغلب منجر به حواس پرتی یا توجه کاربران به چیزهای اشتباه در هنگام تست قابلیت استفاده می شود. این افزونه Google Sheets به شما امکان می دهد نسخه واقعی را از یک سند Google Sheets به سند Adobe XD وارد کنید. حتی اگر محتوای سند Google Sheets تغییر کند ، برای همکاری نهایی با تیم نوشتن متن ، می توانید نسخه را در سند خود تازه کنید.

10. ترلو

  • قیمت: رایگان
  • از اینجا بارگیری کنید

Trello یک پلتفرم بهره وری است که به افراد یا تیم ها امکان سازماندهی ، اولویت بندی و همکاری یکپارچه در مورد کارها را می دهد. با استفاده از افزونه Trello ، طراحان می توانند بدون هیچ زحمتی دارایی های XD خود را به Trello ارسال کنند و به آنها امکان می دهد تابلوهای هنری را بدون نیاز به ترک Adobe XD با تیم به اشتراک بگذارند.

11. زاویه

  • قیمت: از رایگان
  • از اینجا بارگیری کنید

هر از چند گاهی یک طراح باید کارهای خود را در داخل یک ارائه به اشتراک بگذارد. فقط انداختن در صفحات ایستا ، عدالت طراحی را رعایت نمی کند. همه با این جریان کار آشنایی دارند: ماکت دستگاه را در فتوشاپ باز کنید و طرح را به فتوشاپ صادر کنید تا صفحه روی دستگاه بیفتد. Angle به شما امکان می دهد بدون ترک Adobe XD همان کار را انجام دهید. با وجود صدها دستگاه برای انتخاب ، در چند زاویه ، زمان بسیار کمتری برای قرار دادن چیزی که در آن ارائه جلا داده شده است یا بارگذاری یک شات در Dribbble ، زمان بسیار کمتری لازم دارد.

12. آیکاندروپ

  • قیمت: از رایگان
  • از اینجا بارگیری کنید

Icondrop میلیون ها منبع طراحی را با یک کلیک در دسترس طراحان قرار می دهد - اجازه دسترسی به آیکون ها ، تصاویر و عکس های سهام را بدون نیاز به ترک Adobe XD فراهم می کند. با یک ویژگی جستجوی ساده و دسترسی آسان به بارگیری های قبلی ، این مورد هنگام ایجاد ماکت در حال پرواز به یکی از افزونه های اصلی تبدیل خواهد شد.

13. صادرات وب

  • قیمت: رایگان
  • از اینجا بارگیری کنید

برای طراحانی که آشنایی چندانی با برنامه نویسی ندارند ، Adobe XD راهی عالی برای به اشتراک گذاشتن پرونده ها و طراحی مشخصات با توسعه دهندگان ارائه می دهد تا بتواند ویژگی های اصلی عناصر موجود در سند را مشاهده کند. با این حال ، برای آن دسته از طراحانی که روی یک پروژه شخصی کار می کنند و به توسعه دهندگان دسترسی ندارند ، Web Export می تواند بهترین دوست جدید شما باشد. این افزونه امکان صادرات HTML و CSS از پرونده های XD شما را فراهم می کند ، در عین حال طرح های تو در تو ، محدودیت های مرکز شده و امکان افزودن سبک ها ، ویژگی ها و نشانه گذاری های اضافی را ارائه می دهد.

مقالات پورتال
7 آرم کلاسیک که هرگز نباید تغییر می یافتند
به علاوه

7 آرم کلاسیک که هرگز نباید تغییر می یافتند

اینجا در Creative Bloq ، ما مخالف تغییر نیستیم: دور از آن. هر هویت تجاری باید به مرور تکامل یابد و تغییر کند. بنابراین هر زمان که نسخه جدیدی از یک آرم شناخته شده منتشر شود ، ما می خواهیم به آن شک ببری...
لوگوی جدیدی برای پایتخت نیوزیلند رونمایی شد
به علاوه

لوگوی جدیدی برای پایتخت نیوزیلند رونمایی شد

این طرح جدید آرم برای پایتخت نیوزیلند است که به عنوان بخشی از پروژه De tination Wellington طراحی شده است ، هدف آن ارتقا the شهر به عنوان مکانی برای تجارت است.متشکل از شورای شهر ولینگتون ، با کمک شرکت ...
PWAs: به انقلاب موبایل خوش آمدید
به علاوه

PWAs: به انقلاب موبایل خوش آمدید

همانطور که چند سال پیش طراحی وب پاسخگو فاصله بین سایت های دسک تاپ و موبایل را کاهش داد ، در حال حاضر تکنیک های مترقی برنامه وب در حال کاهش فاصله بین وب و دنیای برنامه هستند. با تجربه کاربر از برنامه ه...