Adobe XD چیست؟ پاسخ به ۱۴ سؤال پرتکرار

پاسخ به سؤالات پرتکرار Adobe XD و مقایسه آن با Figma

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

پرسش‌های این مقاله قبلاً در بخش پرسش و پاسخ Adobe XD گروه تلگرام من یعنی @UXHubs مطرح شده بودند. قبل از حذف این بخش و ادغام آن با بخش‌های دیگر، سؤال‌های پرتکرار را جدا کردم تا پاسخ آن‌ها از بین نرود.

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

نکته مهم این است که Adobe XD اکنون در Maintenance Mode قرار دارد. یعنی Adobe دیگر قابلیت جدیدی برای آن توسعه نمی‌دهد، اما ممکن است بعضی خدمات، امکانات و نسخه‌های موجود همچنان برای کاربران قبلی کار کنند.

۱. ابزار Adobe XD چه کاربردی دارد؟

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

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

۲. یادگیری را با Figma شروع کنم یا Adobe XD؟

به‌صورت کلی Adobe XD محیط ساده‌تری دارد و کسی که به‌تازگی می‌خواهد وارد این حوزه شود، می‌تواند خیلی سریع به آن مسلط شود و بعد سراغ یادگیری تخصص‌های اصلی یعنی UI و UX برود.

بااین‌وجود در نظر داشته باشید که این‌ها ابزار هستند و ویژگی‌های مشابه زیادی دارند. وقتی یکی از آن‌ها را یاد بگیرید، خیلی سریع‌تر می‌توانید ابزارهای دیگر را نیز یاد بگیرید.

این پیشنهاد من است و در نهایت به خود شما بستگی دارد که با کدام ابزار راحت‌تر هستید.

در هر حال فراموش نکنید که ابزار فقط بخشی از مسیر است. اصولی مانند تایپوگرافی، رنگ، ترکیب‌بندی، دسترس‌پذیری، User Flow، تحقیق کاربر و حل مسئله به نرم‌افزار خاصی محدود نیستند.

۳. چرا Adobe XD در Creative Cloud نمایش داده نمی‌شود؟

Adobe XD دیگر توسط Adobe توسعه داده نمی‌شود و فقط کسانی که قبلاً آن را خریداری کرده‌اند، ممکن است آن را در فهرست نرم‌افزارهای خود ببینند.

۴. آیا Adobe XD برای اجرا به اینترنت نیاز دارد؟

بخش زیادی از طراحی روی فایل Local می‌تواند آفلاین انجام شود و این یکی از بهترین ویژگی‌ها برای کاربران داخل ایران است که مشکلات مختلفی با اینترنت دارند.

۵. چرا پلاگین‌های Adobe XD نصب نمی‌شوند؟

Adobe XD دیگر توسط Adobe توسعه داده نمی‌شود و بخش پلاگین‌های آن غیرفعال شده است. ممکن است کسانی که قبلاً آن را خریداری کرده‌اند هنوز به پلاگین‌های آن دسترسی داشته باشند.

۶. چرا فونت‌های فارسی در Adobe XD نمایش داده نمی‌شوند؟

ابتدا بررسی کنید فونت روی سیستم‌عامل به‌درستی نصب شده باشد.

بعد از نصب فونت، Adobe XD را کامل ببندید و دوباره اجرا کنید.

برای اینکه دقیق‌تر متوجه شوید مشکل از کجاست، بهتر است مراحل زیر را به‌ترتیب انجام دهید:

  1. فونت را در برنامه‌ای مانند Word، Photoshop یا Illustrator آزمایش کنید.
  2. مطمئن شوید نسخه‌های تکراری یک خانواده فونت نصب نشده‌اند.
  3. Adobe XD را از Task Manager یا Activity Monitor کامل ببندید.
  4. سیستم‌عامل را یک‌بار Restart کنید.
  5. نسخه OTF یا TTF دیگری از همان فونت را آزمایش کنید.
  6. یک فونت فارسی دیگر را در 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 اجرا می‌شود؟

طبق تست‌های من متأسفانه اجرا نشد، ولی نسخه‌های غیررسمی وجود دارد که می‌توانید خودتان آن‌ها را آزمایش کنید.

طبق مستندات رسمی Adobe، نسخه ۴۲ به بعد XD به‌صورت Native روی کامپیوترهای دارای تراشه Apple Silicon M1 اجرا می‌شود. بعضی نسخه‌های قدیمی‌تر نیز امکان اجرا از طریق Rosetta 2 را داشته‌اند.

۱۳. چگونه از 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 دارید، بهتر است همین حالا این کارها را انجام دهید:

  1. فایل را به‌صورت Local ذخیره کنید.
  2. یک نسخه پشتیبان جداگانه بسازید.
  3. تمام Assets ضروری را خروجی بگیرید.
  4. از صفحات مهم PDF تهیه کنید.
  5. لینک‌های Prototype و Development را آزمایش کنید.
  6. فونت‌ها، رنگ‌ها و مشخصات پروژه را مستند کنید.
  7. برای پروژه‌های بلندمدت، انتقال تدریجی به ابزار اصلی جدید تیم را در نظر بگیرید.

لازم نیست تمام فایل‌های قدیمی را یک‌باره بازطراحی کنید. ابتدا سراغ پروژه‌هایی بروید که هنوز در حال توسعه‌اند یا دسترسی‌نداشتن به XD می‌تواند ادامه کار آن‌ها را متوقف کند.


Hossein Mahmoodi
حسین محمودی

طراح محصول | مدرس | یوتیوبر

مقاله‌ها: 133

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *