گاهی نیازه که همهٔ تب‌هایی که در اپلیکیشن فیگما باز هستن رو ریلود کنیم. یه راهش اینه که پشت سر هم command + w بزنیم تا همهٔ تب‌ها باز بشه و بعد با command + shift + t تب‌های بسته‌شده رو باز کنیم.
یه راهشم اینه که کلاً یه بار اپلیکیشن رو ببندیم و دوباره باز کنیم.
اما یه راه ساده‌تر اینه که یه بار روی گزینهٔ check for updates بزنیم و در صورتی‌که آپدیتی در کار نباشه، فیگما یه دیالوگ نشونمون می‌ده که یکی از گزینه‌هاش ریلود کردن تب‌هاست.

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

https://www.figma.com/community/plugin/1113405479314386806/Reset-Background

کلی کامپوننت و تمپلیت رایگان که تا حد خوبی گروه‌بندی و تگ‌گذاری شدن اینجاست، که می‌شه از روی سایت کپی کرد و توی فیگما پیست کرد.
figmacomponents.com

احتمالاً با میونبر \+⌘ یا .+⌘ برای پنهان کردن پنل‌های رابط کاربر فیگما آشنا باشید. (روی ویندوز به جای ⌘ باید ctrl رو بزنید)
الان می‌تونید با اضافه کردن شیفت به میونبر اولی، یعنی زدن \+shift+⌘ ، فقط پنل سمت چپ (لایه‌ها و کامپوننت‌ها) رو پنهان کنید. برای وقتایی که با لیست لایه‌ها کاری ندارید خیلی مفیده.

می‌دونستید آیکون بالای تب فایل فیگما و فیگ‌جم رو می‌تونید تغییر بدین؟
کافیه ابتدای اسم فایلتون ایموجی بذارید تا فیگما به جای آیکون‌های پیش‌فرضش اون رو توی تب فایل نشون بده.
✦ یه نکتهٔ کوچیک هم در مورد اینکه رنگ آیکون بعضی فایل‌های فیگما آبیه و بعضی خاکستری. آبی که رنگ پیش‌فرض فایل‌های فیگماس و خاکستری یعنی این فایل به عنوان لایبرری داخل تیم منتشر شده.

@figm4

فکر کنم از اولین باری که Penpot رو دیدم، بیشتر از دو سال بگذره، یه ابزار دیزاین open source که امکانات قابل قبولی داشت ولی هنوز خیلی کار داشت تا بتونه جایگزین ابزار دیزاین تیم‌ها بشه.
این مدت حسابی روش کار شد و پیشرفت کرد و بالاخره دیروز انتشار رسمیش رو اعلام کرد و احتمالاً از اینجا به بعد اتفاقای جالبی رو براش شاهد باشیم.
اما صرف نظر از امکانات بیشتری که در بعضی از قسمتا نسبت به فیگما داره، به نظر من پررنگ‌ترین تفاوتی که در پن‌پات خودنمایی می‌کنه به نظر من اینه که منبع‌بازه و می‌تونه روی سرور اختصاصی بیاد بالا و این می‌تونه بازی رو عوض کنه.

اگه می‌خواین کنار کامپوننت‌ها و دیزایناتون توضیحات مربوط به هر قسمت رو داشته‌باشید تا با خیال کمی آسوده فایل رو به دست توسعه‌دهنده‌ها یا افراد دیگری که می‌خوان ازش استفاده کنن بگذارید، پلاگین EightShapes Specs می‌تونه بهتون کمک کنه.

فعلاً تنظیمات خاصی نداره و کافیه فریم یا کامپوننتی که می‌خواید رو انتخاب کنید ، پلاگین رو اجرا کنید و منتظر بمونید تا یه سری فریم به صفحهٔ شما اضافه کنه.

چند تا نکته:
بعد از تموم شدن کار پلاگین، خروجی در راست‌ترین قسمت اون صفحه قرار می‌گیره. یعنی اگه کنار کامپوننت شما فریم‌های دیگری هم هست، به راست برید تا نتیجهٔ کار رو ببینید.
رنگ‌هایی که استفاده شده رو در قالب استایل به فایلتون اضافه می کنه و از این طریق می تونید رنگ‌ها رو تغییر بدین.
در لحظه محتوای خروجی این پلاگین در سه بخش
◆ ساختار (Anatomy)
◆ ویژگی‌ها (Props)
◆ چیدمان و فاصله‌ها (Layout & Spacing)
تقسیم می‌شه.
توی قسمت آناتومی لیست آیتم‌ها دقیقاً بر اساس نام لایه‌ها نوشته‌می‌شه، پس بهتره قبل از اجرا کردن پلاگین حواستون به لایه‌های متنی باشه که براشون اسم گذاشته‌باشید.

شما هم اگه نکته‌ای دیدید کامنت بذارید.

شمام از این مهارتا دارین؟
مثلاً کد رنگ رو، خودِ رنگ ببینی.
یا مثلاً متنای فارسی رو توی جاهایی که پشتیبانی نمی‌شه برعکس بخونی یا حتی تایپ کنی.
یکی از خفناش هم اینه که مسیرهای SVG رو هم موقع خوندن متصور بشی.
خیلی وقتا برای رفع مشکل یا موقع ساخت یا رفع ایراد انیمیت‌های کوچیک و ساده کمک می‌کنه و از ابزار بی‌نیازت می‌کنه.
خلاصه که خوبه موارد پایه‌ایش رو بدونین که اون مقداری که توی ویژگیِ d در تگ path میاد معنیش چیه و چجوری داره باعث رسم یه مسیر میشه.
اگه بهش علاقمندید توی این صفحه به صورت تعاملی می‌تونید باش پیش برید و یاد بگیرید.

از وقتی جستجو به صفحهٔ New file فیگما اضافه شد، خیلی کمتر می‌رم به صفحهٔ لیست فایل‌ها.
هر فایلی بخوام باز کنم، کارم command + T و جستجوی فایل با اسمشه.

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

برای ساخت فایل جدید هم از command + N استفاده می‌کنم.

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

الان که دیگه مجبوریم همهٔ فایل‌ها رو ببریم داخل تیم‌ها و محدودیت تعداد صفحات روی فایلای رایگان بیشتر شاخمون می‌زنه.
این پلاگین new page احتمالاً به کار بیاد براتون
البته بعید نیست که فیگما همین روزا جلوی این رو هم بگیره، ولی فعلاً که نگرفته.

پ.ن: البته همون طور که از توضیحاتش هم پیداست اون موقعی که داشتم می‌ساختمش اصلاً به فکر دور زدن این موضوع نبودم. بعداً که منتشر شد دیدم این حفره وجود داره و هنوز هم بسته نشده 😄

این مشکل رو شاید شما هم داشته‌باشید که در رابط کاربری Google Docs دکمه‌ای برای کپی کردن لینک به قسمتی از سند رو ندارین.
فعلاً برای این منظور می‌تونید به اولین هدینگ اون قسمت لینک بدین یا یه Heading در اون قسمت اضافه کنید و بهش لینک بدین.
روی Heading کلیک کنید و بعد می‌بینید که آدرس صفحه عوض شده، حالا اون آدرس رو کپی کنید و بفرستید.
هر چند که احتمالاً منشن کردن فرد مورد نظر در اون قسمت داک کار ساده‌تری باشه 😁

این فونت flow هم برای اینکه خیلی سریع متنا رو تبدیل به اسکلتون کنید گزینهٔ خوبیست.

این کار Mobbin هم زیباست. اگه دوست دارید مشارکت کنید و A/B Testهای جالبی که داشتید یا دیدید رو به اشتراک بذارید.

https://abtest.design

عجیبه که تلگرام هنوز این امکان رو نداره که لینک کوتاه گوگل یا حتی متنی که حاوی طول و عرض جعرافیایی باشه رو تبدیل به پیام Location ‌کنه.

نتیجهٔ این سؤال شد یه prompt در اپ cursor و تولید کامل کدش و الان روی vercel هم مستقر شده و شما هم از اینجا می‌تونید امتحانش کنید.
طول و عرض جغرافیایی براش بفرستید تا بهتون پیام لوکیشن بده.
دیگه نمی‌خواستم زمان بیشتر بذارم که مثلاً آدرس گوگل مپ رو هم پشتیبانی کنه.

#AITools
@GetLocationMessageBot