آموزش ساخت سیستم طراحی (Design System) با Adobe XD - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• ساخت سیستم طراحی با Adobe XD Creating a design system with Adobe XD

• بررسی رابط کاربری XD در ویندوز Windows XD UI overview

• بررسی رابط کاربری XD در مک Mac XD UI overview

1. سیستم‌های طراحی 1. Design Systems

• چرا به سیستم طراحی نیاز داریم؟ Why do we need a design system?

• سیستم طراحی چیست؟ What is a design system?

• اجزای یک سیستم طراحی کدامند؟ What are the parts of a design system?

• چگونه یک سیستم طراحی ایجاد کنیم؟ How do we create a design system?

2. ایجاد یک سیستم طراحی 2. Create a Design System

• منابع مفید XD Useful XD resources

• پلاگین‌های کاربردی، بخش اول Useful plugins, part 1

• باز کردن سیستم‌های طراحی موجود Open existing design systems

• آیکون‌گرافی (طراحی آیکون‌ها) Iconography

• مدیریت تایپوگرافی Manage typography

• مدیریت رنگ‌ها Manage colors

• پلاگین‌های کاربردی، بخش دوم Useful plugins, part2

3. استفاده از کامپوننت‌ها 3. Use Components

• ایجاد کامپوننت‌ها Create components

• استفاده از کامپوننت‌های لینک شده Use linked components

• تغییر ویژگی‌های کامپوننت (Override) Override component properties

• استفاده از دارایی‌های اسناد ابری Use assets from cloud documents

• وضعیت‌های کامپوننت برای Hover و موارد دیگر Component states for Hover and more

4. اشتراک‌گذاری و تکرار 4. Share and Iterate

• ویرایش مشترک زنده (Live Co-editing) Live coediting

• اشتراک‌گذاری با توسعه‌دهندگان Share with developers

• خروجی به صورت PDF یا لینک وب Publish as PDF or as a web link

• خروجی گرفتن محلی از دارایی‌ها Export assets locally

جمع‌بندی Conclusion

• گام‌های بعدی Next steps