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

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

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

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

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

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

📍 @AsteriXarts #Config2023

میشه Max Width و Min Width هم تنظیم کرد.

📍 @AsteriXarts #Config2023

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

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

📍 @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

آموزش جامع فیگما - کار با متغیرها در Figma Variable - قسمت نهم

اخیرا فیگما در کنفرانس Config از ویژگی Variable یا متغیر رونمایی کرد. اگر بخوام خیلی ساده برای شما توضیح بدم، فرض کنید که ما یک ظرفی داریم که در اون یک دونه سیب وجود دارد، حالا این میتونه دوتا چهارتا یا هر عدد دیگه ای هم باشه.

حالا فیگما دقیقا یک سری ظرف ها که همون Variable ها هستند رو برای مقادیر رنگ، عدد، متن و بولین که مثلا همون true false یا صفر و یک است معرفی کرده که در ادامه نحوه ساخت و کارکرد اونا رو بهتون آموزش میدم.

آموزش رو از لینک کوتاه زیر در یوتیوبم ببینید:
https://astx.ir/fg34


با دوستانتون هم به اشتراک بگذارید :)

📍@AsteriXarts #Figma

🌟 آموزش جامع فیگما - اتو لی اوت Auto Layout Wrap

🔵 یکی دیگر از ویژگی های معرفی شده در کنفرانس اخیر فیگما نسخه جدید Auto Layout است که یک ویژگی به نام Wrap به اون اضافه شده و خیلی به ما موقعیت های مختلفی از جمله ریسپانسیو دیزاین کمک میکنه. دو ویژگی جدید دیگه ی Min-Width و Max-Width به بخش Resizing فیگما اضافه شده که با ترکیب Auto Layout Wrap خیلی میتونه کاربردی باشه و در ادامه روی مثال به شما آموزش میدهم.

✅ این آموزش رو از لینک کوتاه زیر در کانال یوتیوبم ببینید:
https://astx.ir/fg35

لطفا اگر مفید بود لایک، نظر و معرفی به دوستانتون رو هم فراموش نکنید.

📍 @AsteriXarts #Figma

خوب من یک مدته نیستم چون روی یک پروژه شخصی دارم کار میکنم که بزودی بهتون معرفیش میکنم

با این وجود برای اینکه یکم اینجا از سکوت خارج بشه امروز یک ویجت خوب FigJam رو که اخیرا معرفی شده میخوام بهتون معرفی کنم. (شاید بعدا برای فیگما هم منتشر بشه)

🌟 با JamBot می تونید در FigJam از هوش مصنوعی ChatGPT استفاده کنید.

حالا کاربردش چیه؟
فرض کنید که شما رفتید یک سری ریسرچ/تحقیقات انجام دادید و میخواید اون اطلاعاتی که به طریق مختلف بدست آوردید و مستند شده رو تحلیل و بررسی کنید، اینجا میتونید به ChatGPT بگید و در عرض چند ثانیه براتون آنالیزش میکنه.

یا اینکه رفتید نیازمندی ها، مشکلات کاربران رو پیدا کردید و الان نیاز دارید که راه حل برای اون مشکلات پیدا کنید، اما چیزی به ذهنتون نمیرسه، باز اینجا میتونید به هوش مصنوعی ChatGPT بگید که یک سری ایده و راه حل رو بر اساس دیتای شما بهتون پیشنهاد بده.

یا یک چیزی رو خلاصه یا بازنویسی کنه و یا حتی کدش رو براتون بنویسه!

از اینجا میتونید تستش کنید:
https://www.figma.com/community/widget/1274481464484630971

——-
📍@AsteriXarts #Figma

فیگما قرار است هر پنجشنبه یک سری آپدیت ریز رو منتشر کنه که منم سعی میکنم اینجا به شما معرفیش کنم(یا قبلا منتشر کرده و اینجا بهشون اشاره میکنه که متوجه بشید)

اولین سری از این آپدیت های مربوط به پنل Assets است که اگر با دیزاین سیستم یا کامپوننت ها کار میکنید بیشتر به کارتون میاد.

📍@asterixarts | #FigmaUpdates

اولین آپدیت پنل Assests ها مربوط به ویژگی Find یا جستجو است که با اضافه کردن یک سری فیلتر بهتون کمک میکنه که سریعتر چیزی که دنبالش هستید رو پیدا کنید.

برای آشنایی باهاش ویدیو بالا رو ببینید.

📍 @AsteriXarts | #FigmaUpdate

آپدیت دوم: تصویر بندانگشتی Assetها یا همون Thumbnail ها رو هم میتونید بزرگترش کنید که بهتر ببینید دنبال چه کامپوننتی هستید یا کدوم رو میخواید انتخاب یا استفاده کنید.

برای آشنایی باهاش ویدیو بالا رو ببینید.

📍 @AsteriXarts | #FigmaUpdate

آپدیت سوم:
اسم یا لیبل کامپوننت ها هم دیگه بصورت دیفالت نمایش داده میشه و هم اینکه با نگه داشتن موس روی هر کامپوننت تعداد ورینت های اون رو هم نشون میده.

برای آشنایی باهاش ویدیو بالا رو ببینید.

📍 @AsteriXarts | #FigmaUpdate

آپدیت چهارم:
با کلیک بر روی هر کامپوننت جزئیات بیشتری از اون به شما نمایش داده میشه که میتونید با تغییر ویژگی ها اون در همون مُدال اون رو به کارتون اضافه کنید. (یا اینکه مثل قبل اول اضافه اش کنید و بعد برید ویژگی های اون رو در پنل دیزاین تغییر بدید)

برای آشنایی باهاش ویدیو بالا رو ببینید.

📍 @AsteriXarts | #FigmaUpdate