Hossein Mahmoodi | AI + Design
4.83K 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
👍5
به جای Design Token ها Variable ها معرفی شدن (فقط اسمش فرق میکنه)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

📍 @AsteriXarts #Config2023
👍65