Please ensure Javascript is enabled for purposes of website accessibility 5 افزونه فیگما کاربردی که هر طراح باید بداند
طراحی محصول

5 افزونه فیگما کاربردی که هر طراح باید بداند

  • افزونه فیگما چیست؟
    • دلایل وجود افزونه در فیگما و سایر نرم افزارهای کاربردی
  • 5 افزونه کاربردی فیگما
    1. Ghost
    2. Content Reel
    3. Mockup
    4. LottieFiles
    5. Lorem ipsum

ویژگی افزونه فیگما یکی از دلایلی است که این نرم‌افزار را قدرتمند و مکانی یک‌جا برای تمام کارهای طراحی UI/UX من می‌کند. در این مقاله، 5 پلاگین فیگما که کاربردی و جذاب هستند را با شما به اشتراک می گذاریم، تا به شما در طراحی سریع‌تر و بهتر در فیگما کمک کند.

5 افزونه فیگما کاربردی
5 افزونه فیگما که باعث صرفه جویی در زمان طراحی خواهد شد.

افزونه فیگما چیست؟

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

دلایل وجود افزونه در فیگما و سایر نرم افزارهای کاربردی

عموما افزونه فیگما به دلایل زیر به وجود می‌آیند.

  • ضعف سیستم در ایجاد ویژگی خاص. مثل افزونه راست چین فیگما
  • نقص سیستم در عدم وجود برخی ویژگی‌های کاربردی که ممکن است در دیگر ابزارها موجود باشد و کاربران به آن عادت کرده اند. مثل
  • ایجاد دسترسی خاص برخی وبسایت‌ها و نرم افزارها در داخل فیگما نظیر وبسایت unsplash.com
  • ایجاد برخی ویژگی خاص برای تست کاربرد پذیری سیستم. در نتیجه اگر این افزونه مورد اقبال طراحان قرار گرفت به ویژگی‌های پایه فیگما اضافه شود. خروجی کتابخانه یا فریمورک مربوط به زبان جاوااسکریپت از طرح فیگما مثل React
  • ویژگی‌هایی که افراد خاص از آن استفاده می‌کنند و اضافه کردن آنها در نرم افزار برای همه کاربران کاربردی نیست و باعث شلوغی و پیچیده شدن نرم افزار می‌شود. انتخاب این ویژگی‌های خاص را به عهده کاربرد می‌گذارند. نظیر افزونه کتابخانه آیکن
  • ایجاد ارتباط و گرفتن خروجی برخی نرم افزارهای مکمل و یا هم رده برای ادغام یا مهاجرت به نرم افزار دیگر نظیر، Protopie
  • تشویق توسعه دهندگان برای کسب درآمد و تبلیغ بهتر برای جذب کاربر بیشتر

5 افزونه کاربردی فیگما

1. Ghost

طرح‌هایی را که با جزئیات بلا طراحی کرده اید می‌توانید تنها با یک کلیک ساده به یک صفحه بارگذاری پیشرفته (skeleton screens) تبدیل کنید. برای این کار کافی است یک فریم یا قاب را انتخاب و افزونه فیگما را فعال کنید.

لینک دانلود افزونه

Ghost
Ghost by Christopher Kark

2. Content Reel

با این پلاگین در وقت خود بسیار صرفه جویی خواهید کرد. انتخاب عکس پروفایل، آیکن، متن آماده از ویژگی‌های کلیدی این افزونه است.

لینک دانلود افزونه

Content Reel
Content Reel by Microsoft and Eugene Gavriloff

3. Mockup

پلاگین بعدی که به معرفی آن می‌پردازیم برای تبدیل طرح های شما به موکاپ‌های زیبا و جذاب برای ساخت نمونه کار (Portfolio) می‌باشد. تعدادی از این موکاپ‌ها پولی و تعدادی دیگر رایگان در اختیار شما قرار داده است.

لینک دانلود افزونه

Mockup
Mockup by Georgy Kulakov and ls.graphics

4. LottieFiles

برای ایجاد انیمیشن با پسوند gif در پروژه‌های خود می‌توانید از LottieFiles استفاده کنید. کتابخانه این افزونه بیش از 1000+ طرح آماده انیمشن با امکان ویرایش مختصر قرار داده شده است. فایل های Lottie از نظر کد نیز بسیار سبک هستند، که به توسعه محصول توسط توسعه دهنده کمک شایانی می‌کند.

لینک دانلود افزونه

LottieFiles
LottieFiles plugin by LottieFiles

5. Lorem ipsum

به عنوان یک طراح رابط کاربر و تجربه کاربر شما باید از متن ساختگی “لورم ایپسوم” در طرح های خام خود استفاده کنید. این افزونه این متن‌های خام را به صورت خودکار تولید برا شما تولید می‌کند که باعث صرفه جویی در زمان و ساخت طرح‌های سریع خواهد شد.

لینک دانلود افزونه

Lorem ipsum
Lorem Ipsum by Dave Williames
  • Figma
  • افزونه
  • پلاگین

نظرات

لطفا دیدگاه خود در خصوص این محتوا به اشتراک بگذارید