Hossein Mahmoodi | AI + Design
4.82K subscribers
999 photos
72 videos
22 files
1.13K links
👈 مشاوره انتخاب دوره و ارتباط با من: @AsteriXarts

پکیج های آموزش جامع دیزاین UI/UX
https://learnuix.com

👈 یوتیوب:
https://YouTube.com/@Hossein.Mahmoodi

👈 گروه دیزاین: @UXHubs

آموزش های طراحی رابط و تجربه کاربر (UI/UX)، فیگما، Xd، هوش مصنوعی
Download Telegram
الان کنفرانس Figma Config است که جدیدترین ویژگی های این ابزار دیزاین رو معرفی میکنند.

اینجا مهمترین ویژگی هاش رو بهتون در لحظه معرفی میکنم.

📍 @AsteriXarts #Config2023
به جای Design Token ها Variable ها معرفی شدن (فقط اسمش فرق میکنه)

مثلا فرض کنید شما میاید چندتا مقدار برای گردی گوشه ها تنظیم میکنید و خیلی راحت با یک کلیک می تونید اونا رو تنظیم کنید.

یک جورایی حالت پیشرفته تر استایل ها و پراپتیزهاست که به خصوص در ساخت دیزاین سیستم بسیار کاربردیه.

مثلا میشه با یک کلیک بین Light Mode و Dark Mode یک دیزاین سوئیچ کرد.

یا مثلا با یک کلیک بین زبان فارسی، انگلیسی و ... سوئیچ کرد.

خیلی چیز خفنیه در کل!!

📍 @AsteriXarts #Config2023
میشه Max Width و Min Width هم تنظیم کرد.

📍 @AsteriXarts #Config2023
فیگما Wrap هم معرفی شد که حالت پیشرفته تر Auto Layout است.

پ.ن: آموزش همش رو بعدا درست میکنم توضیح میدم چی هستن.

📍 @AsteriXarts #Config2023
با ترکیب پروتوتایپ و Variable ها شما میتونید در ظاهر یک پروتوتایپ پیشرفته درست کنید که مثلا با زدن + یک عددی که در یک فیلد قرار داره همون لحظه تغییر کنه.
📍 @AsteriXarts #Config2023
حالات شرطی هم به Variable و پروتوتایپ ها اضافه شد.
اینطوری شما می تونید شرط بگذارید که اگر اینطور اتفاقی افتاد این اینتراکشن رو اجرا کن.
(اینو من دو سال پیش میگفتم کاش فیگما داشت!)

📍 @AsteriXarts #Config2023
یک دکمه اضافه کردن برای اینکه State یک سکشن رو تغییر بدی به این حالت که برای توسعه آماده است و دولوور ها اشتباها چیزی رو دولوپ نکنن.

📍 @AsteriXarts #Config2023
فیگما Dev Mode معرفی شد که محیط فیگما رو مناسب کار برای دولووپر ها یا برنامه نویس ها میکنه.

📍 @AsteriXarts #Config2023
فیگما Compare Mode رو معرفی کرد که بوسیله اون میشه ادیت هایی که روی یک طرح انجام شده رو مقایسه کرد با حالت اولیه.
مثلا با حالت Overlay و تغییر Opacity دو طرح این کار رو میشه انجام داد.

📍 @AsteriXarts #Config2023
یک سری نمونه از کارهایی که با هوش مصنوعی میشه در فیگما انجام داد رو هم نشون دادن و گفتن فعلا در مرحله بررسی است و فعلا چیزی اضافه نشده.
مثلا میشه با هوش مصنوعی گفت که سریع برات حالت های دیگر یک دیزاین مثل موبایل یا تبلت رو برات درست کنه.

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

📍 @AsteriXarts #Config2023
یک نکته مهم اینکه این ویژگی هایی که معرفی شد، اکثرشون پولی هستن
فعلا با روشی که در آموزش زیر توضیح دادم میتونید رایگان ازش استفاده کنید، اما در آینده نزدیک شرکت ادوبی سیستم وریفای مدرسه ها رو که قبلا روی کریتیو کلود (زیرساخت ابری ادوبی و میشه گفت کل سرویس ها و ابزارهاش) داشت روی فیگما هم پیاده میکنه و عملا دیگه حالت رایگان روش زیر رو شاید نشه براحتی بدست آورد.

آموزش فعالسازی رایگان اکانت 2 ساله پولی (پریمیوم) فیگما
https://www.youtube.com/watch?v=CEyjBwy9kuo

📍 @AsteriXarts #Config2023