Adobe XD یکی از ابزارهای شناخته‌شده طراحی رابط کاربر است. در این مطلب به ۱۴ پرسش رایج درباره کار با آن، نصب، افزونه‌ها، ساخت نمونه تعاملی و نمایش فونت فارسی پاسخ می‌دهم.
پرسش‌های این مقاله قبلاً در بخش پرسش و پاسخ Adobe XD گروه تلگرام من یعنی @UXHubs مطرح شده بودند. قبل از حذف این بخش و ادغام آن با بخش‌های دیگر، سؤال‌های پرتکرار را جدا کردم تا پاسخ آن‌ها از بین نرود.
در هر بخش ابتدا همان پاسخی را می‌خوانید که براساس تجربه خودم، تجربه کاربران و استفاده عملی از Adobe XD نوشته شده است. بعد از آن نیز، هرجا لازم بوده، نتیجه بررسی مستندات رسمی Adobe را به‌عنوان توضیح تکمیلی آورده‌ام.
شرکت Adobe دیگر مانند گذشته قابلیت تازه‌ای برای XD ارائه نمی‌کند و بیشتر بر رفع ایرادهای ضروری تمرکز دارد. این وضعیت، اصول طراحی یا تمرین‌های دوره UI Design Plus را بی‌ارزش نمی‌کند. موضوع این صفحه، پاسخ به سؤال‌های مربوط به خود نرم‌افزار است.
۱. ابزار Adobe XD چه کاربردی دارد؟
نرم‌افزار Adobe XD ابزاری برای طراحی رابط کاربری، وایرفریم، طراحی وب‌سایت و اپلیکیشن، ساخت پروتوتایپ تعاملی و اشتراک‌گذاری طرح با کارفرما یا برنامه‌نویس است.
Adobe XD نرم‌افزاری برای ترسیم صفحه‌ها و ساخت نمونه تعاملی است. با آموزش ابزار، نحوه کار با امکانات آن را یاد می‌گیرید؛ اصول و تصمیم‌های طراحی رابط کاربر، موضوع آموزش تخصصی طراحی‌اند.
۲. یادگیری را با Figma شروع کنم یا Adobe XD؟
به‌صورت کلی Adobe XD محیط ساده‌تری دارد و کسی که به‌تازگی می‌خواهد وارد این حوزه شود، می‌تواند خیلی سریع به آن مسلط شود و بعد سراغ یادگیری تخصص‌های اصلی یعنی UI و UX برود.
بااین‌وجود در نظر داشته باشید که این‌ها ابزار هستند و ویژگی‌های مشابه زیادی دارند. وقتی یکی از آن‌ها را یاد بگیرید، خیلی سریع‌تر می‌توانید ابزارهای دیگر را نیز یاد بگیرید.
این پیشنهاد من است و در نهایت به خود شما بستگی دارد که با کدام ابزار راحت‌تر هستید.
در هر حال فراموش نکنید که ابزار فقط بخشی از مسیر است. اصولی مانند تایپوگرافی، رنگ، ترکیب‌بندی، دسترس‌پذیری، User Flow، تحقیق کاربر و حل مسئله به نرم‌افزار خاصی محدود نیستند.
۳. چرا Adobe XD در Creative Cloud نمایش داده نمی‌شود؟
Adobe XD در وضعیت نگهداری است و اشتراک مستقل آن از سال ۲۰۲۳ به کاربران جدید فروخته نمی‌شود. داشتن اشتراک تازه Creative Cloud نیز تضمین نمی‌کند که XD در فهرست برنامه‌های حساب شما نمایش داده شود یا بتوانید آن را فعال کنید. اگر قبلا به XD دسترسی داشته‌اید و اکنون در Creative Cloud دیده نمی‌شود، وضعیت مجوز همان حساب و گزینه‌های پشتیبانی ادوبی را بررسی کنید؛ این راهنما وعده بازیابی قطعی دسترسی نیست.
۴. آیا Adobe XD برای اجرا به اینترنت نیاز دارد؟
اگر Adobe XD را از قبل به‌صورت فعال در اختیار دارید، بسیاری از کارهای طراحی روی فایل Local بدون اینترنت دائمی انجام می‌شوند؛ اما بعضی قابلیت‌ها و سرویس‌های آنلاین به حساب و مجوز معتبر وابسته‌اند. جدول پیش‌نیازهای Adobe به‌تنهایی نشان نمی‌دهد که نصب یا فعال‌سازی تازه XD برای کاربران جدید امکان‌پذیر است.
۵. چرا پلاگین‌های Adobe XD نصب نمی‌شوند؟
محدودشدن توسعه XD به معنی غیرفعال‌شدن همه افزونه‌های آن نیست. Adobe هنوز مستندات نصب و مدیریت Pluginهای XD را نگه داشته است؛ اگر Plugin خاصی نصب یا اجرا نمی‌شود، سازگاری همان Plugin، نسخه XD، Marketplace و وضعیت Account را جداگانه بررسی کنید.
۶. چرا فونت‌های فارسی در Adobe XD نمایش داده نمی‌شوند؟
ابتدا بررسی کنید فونت روی سیستم‌عامل به‌درستی نصب شده باشد.
بعد از نصب فونت، Adobe XD را کامل ببندید و دوباره اجرا کنید.
برای اینکه دقیق‌تر متوجه شوید مشکل از کجاست، بهتر است مراحل زیر را به‌ترتیب انجام دهید:
- فونت را در برنامه‌ای مانند Word، Photoshop یا Illustrator آزمایش کنید.
- مطمئن شوید نسخه‌های تکراری یک خانواده فونت نصب نشده‌اند.
- Adobe XD را از Task Manager یا Activity Monitor کامل ببندید.
- سیستم‌عامل را یک‌بار Restart کنید.
- نسخه OTF یا TTF دیگری از همان فونت را آزمایش کنید.
- یک فونت فارسی دیگر را در XD امتحان کنید.
اگر فونت در هیچ برنامه‌ای نمایش داده نمی‌شود، احتمالاً مشکل از فایل فونت یا نصب آن است. اگر فونت در برنامه‌های دیگر کار می‌کند اما فقط در XD دیده نمی‌شود، احتمال ناسازگاری فایل فونت با Adobe XD بیشتر است.
۷. واحد اندازه‌گیری در Adobe XD چیست؟
در طراحی رابط وب، اندازه‌ها معمولاً براساس پیکسل در نظر گرفته می‌شوند.
در خروجی مخصوص برنامه‌نویس، واحدها ممکن است براساس پلتفرم متفاوت باشند:
| پلتفرم | واحد |
|---|---|
| Web | پیکسل یا px |
| iOS | پوینت یا pt |
| Android | واحد dp |
۸. معادل Auto Layout فیگما در Adobe XD چیست؟
Adobe XD معادل کاملاً یکسان Auto Layout فیگما را ندارد.
ترکیب قابلیت‌های زیر نزدیک‌ترین رفتار را ایجاد می‌کند:
- Stack
- Padding
- Responsive Resize
- Component States
این قابلیت‌ها برای بسیاری از طراحی‌های ساده مناسب‌اند، اما انعطاف Auto Layout فیگما را به‌طور کامل ندارند.
Stack فاصله میان عناصر را هنگام تغییر محتوا، جابه‌جایی یا تغییر اندازه حفظ می‌کند. Padding نیز فاصله داخلی گروه یا کامپوننت را ثابت نگه می‌دارد و Responsive Resize روابط فضایی عناصر را هنگام تغییر ابعاد مدیریت می‌کند.
بااین‌حال Component States مستقیماً معادل Auto Layout نیست. این قابلیت بیشتر برای ساخت حالت‌هایی مانند Hover، Toggle، Disabled یا حالت کلیک‌شده کامپوننت استفاده می‌شود.
۹. چگونه فایل Adobe XD را روی کامپیوتر ذخیره کنم؟
برای ذخیره فایل به‌صورت محلی، از این مسیر استفاده کنید:
File → Save As Local Document
پس از اولین ذخیره، با Ctrl + S در ویندوز یا Command + S در macOS فایل به‌روزرسانی می‌شود.
۱۰. چگونه لینک پروتوتایپ را برای دیگران ارسال کنم؟
Adobe XD دیگر توسط Adobe توسعه داده نمی‌شود و بخش اشتراک‌گذاری آن برای بعضی کاربران غیرفعال شده است. ممکن است کسانی که قبلاً آن را خریداری کرده‌اند هنوز به این بخش دسترسی داشته باشند.
در نتیجه برای حل این موضوع یا باید خود فایل اصلی را برای دیگران ارسال کنید یا از ابزارهای ساخت پروتوتایپ دیگر استفاده کنید.
۱۱. چگونه طرح را به برنامه‌نویس تحویل بدهم؟
Adobe XD دیگر توسط Adobe توسعه داده نمی‌شود و بخش اشتراک‌گذاری آن برای بعضی کاربران غیرفعال شده است. ممکن است کسانی که قبلاً آن را خریداری کرده‌اند هنوز به این بخش دسترسی داشته باشند.
برنامه‌نویس از طریق لینک می‌تواند اندازه‌ها، رنگ‌ها، فاصله‌ها و Assets پروژه را بررسی کند.
اگر Share در نسخه یا حساب شما کار نمی‌کند، می‌توانید Assets را به‌صورت ساختاریافته خروجی بگیرید یا از ابزارهای تحویل طراحی مانند Zeplin استفاده کنید. آموزش آن در کانال یوتیوب من موجود است.
در نسخه‌ها و حساب‌هایی که Development Link کار نمی‌کند، بهتر است این موارد را به‌صورت جداگانه تحویل دهید:
- فایل اصلی XD
- خروجی SVG آیکون‌ها
- خروجی PNG یا JPG تصاویر
- فایل PDF صفحات
- مشخصات رنگ‌ها و فونت‌ها
- اندازه‌ها و فاصله‌های اصلی
- حالت‌های مختلف کامپوننت‌ها
- توضیحات مربوط به تعاملات و Flowها
Adobe XD از خروجی PNG، SVG، JPG و PDF پشتیبانی می‌کند.
۱۲. آیا Adobe XD روی مک‌های Apple Silicon اجرا می‌شود؟
ادوبی در مستندات قدیمی خود اعلام کرده که XD از نسخه ۴۲ به بعد از Apple Silicon پشتیبانی بومی داشته است؛ اما این ادعا ضمانتی برای نصب، فعال‌سازی یا کارکرد پایدار نسخه‌های قدیمی در macOS امروزی نیست. با توجه به توقف توسعه XD و مشکلاتی که در برخی مک‌ها گزارش و تجربه شده، پیش از اتکا به این برنامه باید اجرای واقعی آن را روی دستگاه و نسخه سیستم‌عامل خود بررسی کنید. برای شروع یادگیری روی مک، در دسترس بودن XD را قطعی فرض نکنید.
۱۳. چگونه از Adobe XD خروجی PDF بگیرم؟
ابتدا Artboardهای موردنظر را انتخاب کنید و از مسیر File و سپس Export خروجی بگیرید.
PDF برای ارائه یا مشاهده طرح مناسب است، اما معمولاً جایگزین کاملی برای Development Link و تحویل فنی پروژه به برنامه‌نویس نیست.
PDF برای این موارد مناسب است:
- ارائه طرح به کارفرما
- ارسال صفحات برای بازبینی
- نگهداری یک نسخه ثابت از پروژه
- مشاهده طراحی بدون نصب Adobe XD
- آرشیو نسخه‌های مختلف طراحی
اما PDF تعاملات Prototype، حالت‌های Component و تمام اطلاعات موردنیاز برنامه‌نویس را منتقل نمی‌کند. به همین دلیل بهتر است در کنار PDF، Assets و توضیحات فنی پروژه نیز ارسال شوند.
۱۴. ابزار جابه‌جایی صفحه یا Hand Tool چگونه فعال می‌شود؟
هنگام کار روی پروژه‌های بزرگ می‌توانید بدون تغییر ابزار فعال، Space را نگه دارید و با Drag کردن ماوس یا Trackpad میان Artboardها جابه‌جا شوید.
آیا هنوز یادگیری Adobe XD ارزش دارد؟
برای شروع یک مسیر حرفه‌ای جدید، بهتر است Adobe XD تنها ابزار شما نباشد.
این نرم‌افزار هنوز برای بازکردن فایل‌های قدیمی، تکمیل پروژه‌های موجود و یادگیری بعضی مفاهیم پایه مفید است؛ اما Adobe دیگر قابلیت جدیدی برای آن توسعه نمی‌دهد.
اگر پروژه فعال XD دارید، بهتر است همین حالا این کارها را انجام دهید:
- فایل را به‌صورت Local ذخیره کنید.
- یک نسخه پشتیبان جداگانه بسازید.
- تمام Assets ضروری را خروجی بگیرید.
- از صفحات مهم PDF تهیه کنید.
- لینک‌های Prototype و Development را آزمایش کنید.
- فونت‌ها، رنگ‌ها و مشخصات پروژه را مستند کنید.
- برای پروژه‌های بلندمدت، انتقال تدریجی به ابزار اصلی جدید تیم را در نظر بگیرید.
لازم نیست تمام فایل‌های قدیمی را یک‌باره بازطراحی کنید. ابتدا سراغ پروژه‌هایی بروید که هنوز در حال توسعه‌اند یا دسترسی‌نداشتن به XD می‌تواند ادامه کار آن‌ها را متوقف کند.
برای یادگیری منظم و پروژه‌محور طراحی رابط کاربر، می‌توانید سرفصل‌ها و پروژه‌های دوره UI Design Plus را ببینید. در این دوره، مهارت‌های طراحی UI را با Adobe XD و تمرین عملی آموزش می‌دهم.
