آموزش فیگما – 7 پلاگین فوق العاده کاربردی Figma 2021 – قسمت سوم

آموزش فیگما - 7 پلاگین فوق العاده کاربردی Figma 2021 - قسمت سوم
آموزش فیگما – 7 پلاگین فوق العاده کاربردی Figma 2021 – قسمت سوم

در فیلم آموزشی 7 پلاگین فوق العاده کاربردی فیگما 2021 – قسمت سوم قصد دارم هفت پلاگین دیگر را به همراه نحوه کار آن را به شما معرفی و آموزش دهم.

اگر قسمت اول و دوم معرفی پلاگین های فوق العاده کاربردی Figma 2021 را ندیده اید می توانید از طریق لینک آنها را مشاهده کنید.

 

محتوا پنهان

 

در آموزش 7 پلاگین فوق العاده کاربردی فیگما 2021 – قسمت سوم چه مواردی معرفی می شود؟

از جمله مواردی که در این فیلم به آن می پردازم:

لیست پلاگین های Figma

  1. پلاگین نمایش سه بعدی و پرسپکتیو اشیا در فیگما
  2. پلاگین دسترسی پذیری یا Accessibility در فیگما
  3. پلاگین ساخت انیمیشن های پیشرفته در فیگما
  4. پلاگین قرار دادن فاصله و اندازه های المنت های مختلف در فیگما
  5. پلاگین لوگوهای برندهای مختلف در فیگما
  6. پلاگین تغییر نام اتوماتیک فریم و لایه ها در فیگما
  7. پلاگین مرتبط کردن فریم های بهم ریخته در فیگما

 

 

(برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید و در یوتیوب ویدیو را تماشا کنید)

YouTube ویدئو

7 پلاگین فوق العاده کاربردی Figma 2021 – قسمت سوم

 

قسمت های دیگر آموزش فیگما را در کجا ببینیم؟

شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.

همچنین در آخر همین پست تعدادی از لینک های مرتبط آموزش فیگما نیز قرار داده شده است.

 

چطور در دوره های آموزشی طراحی شما ثبت نام کنیم؟

از جمله این دوره ها که در حال ضبط و آماده سازی است می توان به

  1. آموزش طراحی رابط کاربری – UI Design
  2. آموزش طراحی تجربه کاربری – UX Design
  3. آموزش صفحه آرایی کتاب، مجله و روزنامه با ایندیزاین
  4. آموزش طراحی گرافیک با فتوشاپ 

 

این دوره ها در حال آماده سازی است اما شما می توانید با ثبت ایمیل خود از طریق لینک زیر در این دوره ها پیش ثبت نام کنید.

کسانی که قبل از انتشار دوره ها ایمیل خودشان را ثبت می کنند، از امتیاز هایی برخوردار می شوند.

 

 

نمایش سه بعدی و پرسپکتیو اشیا در فیگما

پلاگین Vectary 3D Elements هر چیزی رو در فیگما فضایی می کند. این پلاگین یکی از راحت ترین راه ها برای اضافه کردن موکاپ های سه بعدی یا 3D به دیزاین شماست و در واقع این عناصر را شما می توانید تغییر اندازه بدهید چون بصورت لایه های وکتور اضافه می شوند.

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

 

پلاگین دسترسی پذیری یا Accessibility در فیگما

اگر نمی دانید که دسترسی پذیری یا Accessibility در دیزاین رابط و تجربه کاربری چیست، مطلب و فیلم آموزشی آن را که اخیرا بر روی کانالم منتشر کردم را ببینید.

 

همه ی ما می خواهیم یک دیزاین و تجربه ای را ارائه دهیم که همه ی آدم ها با هر محدودیتی قادر به استفاده از آن باشند.

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

Stark یک پلاگین کامل برای بررسی دسترسی پذیری در فیگماست. پلاگین استارک شامل بخشی برای چک کردن کنتراست و تست های بینایی است که مثلا اپ شما را برای دید های مختلف که ممکن است یک رنگ را نبینند یا به عبارتی کور رنگ هستند شبیه سازی می کند.

با این وجود Stark تعداد محدودی می گذارید که شما این تست ها را به رایگان انجام دهید. در نتیجه شما به جای این پلاگین می توانید از پلاگین Contrast در فیگما استفاده کنید.

اگر نیاز داشتید که سایز های مختلف یک فونت رو تست بکنید که آیا به Layout شما میخوره یا نه، می توانید از پلاگین Text Rsizer استفاده کنید تا به شما کمک کند که دقیقا چه اتفاقی می افتد زمانی که شما سایز یک فونت را بیشتر یا کمتر می کنید.

 

پلاگین ساخت انیمیشن های پیشرفته در فیگما

نباید خیلی تعجب برانگیز باشد که شما براحتی قادر هستید انیمیشن های پیشرفته ای را در فیگما بدون نیاز به ابزاری مثل ادوبی افترافکت ایجاد کنید و این به دلیل کامیونیتی قدرتمندی است که فیگما و کاربران آن ایجاد کرده اند.

 

با پلاگین Figmotion شما به یک ابزار پیشرفته ساخت انیمیشن در فیگما دسترسی پیدا خواهید کرد.

نحوه کار این پلاگین به این صورت که شما یک فریم را انتخاب می کنید، یک انیمیشن به آن اضافه و یا اینکه تغییری در آبجکتی که انتخاب کرده اید می دهید، سپس تایم فریم را تغییر و در زمان جدید تغییرات جدید را اعمال می کنید.

قرار دادن فاصله و اندازه های المنت های مختلف در فیگما

شما زمانی که می خواهید طرح را به تیم توضیح دهید و یا اینکه می خواهید یک گاید لاین برای برنامه نویس درست کنید علاوه بر اینکه ابزارهای Hand-Tool این کار را برای آن ها در لحظه انجام می دهند ولی شما می توانید اطلاعات و اندازه های مختلفی که در دیزاین تون وجود دارد را بوسیله Annotation های مخصوص اینکار در یک نمونه از صفحات طرحتان ایجاد کنید.

Redlines پلاگینی است که این امکان را به شما می دهد که خیلی سریع اندازه و ابعاد هر آبجکتی را که انتخاب کرده اید بدست بیاورید و در کنار آن بنویسید.

همه ی کاری که باید انجام دهید این است که یک یا چند لایه از آبجکت ها را انتخاب کنید و بوسیله تنظیمات پلاگین Redline اندازه های آن را خیلی سریع در بر روی دیزاینتان نشان دهید.

 

لوگوهای برندهای مختلف در فیگما

شاید شما نیاز داشته باشید برای دیزاینی که انجام دادید یک سری لوگو برندهای مختلف رو برای نمایش نمونه review ها یا testimony ها استفاده کنید، با این وجود معمولا چطور همه ی این لوگو ها رو پیدا می کنید؟

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

دیتابیس این پلاگین شامل میلیون ها لوگو مختلف است که شما براحتی با سرچ در این پلاگین به همه ی آن ها در چند ثانیه دسترسی دارید.

 

پلاگین تغییر نام اتوماتیک فریم و لایه ها در فیگما

زمانی که شما می خواهید فایل های دیزاین خود را مرتب و سازماندهی کنید، پلاگین Reanme It این کار را به زیبایی برای شما انجام می دهد.

شما می توانید بصورت گروهی لایه ها و فریم های پروژه خود را تغییر نام دهید. به عنوان مثال اگر شما می خواهید نام لایه ها را از حروف uppercase یا کاملا بزرگ به حروف کاملا کوچک یا lower case و یا حتی camel case تغییر دهید، اینکار براحتی و با به کاربردن علامت *% به همراه ترکیبی از حروفی که می خواهید قابل انجام هست.

 

پلاگین مرتبط کردن فریم های بهم ریخته در فیگما

شاید شما تعداد زیادی آیکان را در فریم های مختلف قرار داده اید و حالا یک پروژه شلوغ و بهم ریخته دارید که نمی دانید چطور باید آن را مرتبط کرد.

اگر تعداد این فریم ها زیاد باشد روش مرتب کردن دستی آنها خیلی زمانبر است و اینجاست که پلاگین LilGrid فیگما به کمک ما می آید.

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

فقط کافی است شما المنت هایی را که می خواهید مرتب کنید انتخاب و بر روی دکمه Organize to Grid در پلاگین LilGrid کلیک کنید و بقیه کارها بصورت اتوماتیک برای شما انجلم می شود.

 

 

5 پلاگین فوق العاده کاربردی فیگما 2021 – قسمت اول

 

آموزش فیگما – 5 پلاگین فوق العاده کاربردی Figma 2021 – قسمت دوم

 

 

گروه تلگرام برای بحث و تبادل نظر در حوزه دیزاین رابط و تجربه کاربری

این گروه تلگرامی با هدف رفع اشکال و راهنمایی طراحان UI/UX و طراحان محصول ایجاد شده است. برای عضویت در این گروه بر روی لینک زیر کلیک کنید.

عضویت در گروه تلگرام UIXFamily

 

 

کانال تلگرام برای معرفی کتاب ها و نکات کاربردی و آموزش های مختلف

شما می توانید با عضویت در کانال تلگرامی AsteriXarts به محتوای تخصصی در حوزه دیزاین و به خصوص UI/UX دسترسی داشته باشید. برای عضویت بر روی لینک زیر کلیک کنید:

عضویت در کانال تلگرام AsteriXarts

 

 

آموزش های اختصاصی طراحی در اینستاگرام

همچنین شما می توانید با دنبال کردن کانال AsteriXarts در اینستاگرام، به محتوا تخصصی در حوزه دیزاین، بیزینس، فریلنسینگ و … دسترسی داشته باشید. برای دنبال کردن کانال بر روی لینک زیر کلیک کنید:

دنبال کردن AsteriXarts در اینستاگرام

 

 

 

خبرنامه هفتگی دیزاین شامل مقالات، آموزش ها و منابع کمکی طراحی

بهترین مقالات، فیلم های آموزشی در حوزه دیزاین و به خصوص UI/UX و منابع کمکی طراحی را هر پنجشنبه در ایمیل خود داشته باشید. برای عضویت در این خبرنامه می توانید از طریق فرمی که در پایین همین صفحه قرار دارد، ثبت نام کنید و یا اینکه از طریق لینک زیر در وبسایت dexigner news عضو خبرنامه شوید.

عضویت در خبرنامه هفتگی دیزاین Dexigner News

[newsletter-pack newsletter=’8661′]

 

طراحی رابط کاربری ( UI/UX ) را از صفر از کجا یاد بگیرم؟

شما می توانید با عضویت در کانال یوتیوب من آموزش های دیگر طراحی رابط و تجربه کاربری ( UI / UX ) را دنبال و یاد بگیرید.

عضویت در کانال آموزشی یوتیوب : Youtube.com/AsteriXarts

اگر سوالی در مورد طراحی رابط کاربری UI داشتید، می توانید در قسمت نظرات بپرسید تا به آن ها جواب دهم.

 

 

نمونه کارهای طراحی رابط و تجربه کاربری ( UI/UX )

3 تا از مهمترین منابع نمونه کارهای طراحی رابط کاربری یعنی دریبل، بیهنس و اینستاگرام هست که شما می توانید کارهای مختلف طراحی رابط و تجربه کاربری را ببینید و از آن ها برای استفاده در کارهای خود ایده بگیرید.

همچنین می توانید نمونه کارهای من را ببینید و من را در این شبکه ها دنبال کنید.

  1. Dribbble.com/iHMahmoodi
  2. Behance.net/iHMahmoodi
  3. Instagram.com/iHMahmoodi

 

 

در آموزش 5 پلاگین فوق العاده کاربردی فیگما 2021 – قسمت دوم ما در ابزار فیگما این پلاگین ها را معرفی و نحوه کار کردن به آموزش دادیم، در صورتی که هنوز با این نرم افزار آشنا نیستید و قصد دارید آن را یاد بگیرید می توانید از طریق لینک زیر در کمتر از 30 دقیقه با ویژگی های مهم Figma – فیگما آشنا شوید.

آموزش طراحی UI/UX با Figma از صفر در 30 دقیقه با مثال کاربردی

 

 

همچنین برای اینکه قسمت های بعدی 5 پلاگین فوق العاده کاربردی فیگما 2021 – قسمت دوم را از دست ندهید می توانید علاوه بر عضویت در خبرنامه وبلاگ، در کانال یوتیوب نیز عضو شوید تا از جدیدترین فیلم های آموزشی ما سریعا مطلع شوید.

 

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

عضویت در کانال آموزشی: Youtube.com/AsteriXarts

در صورتی که این ویدیو برای شما مفید بود, لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.

 

 

لینک آموزش ها و مقالات فارسی دیگر طراحی رابط کاربری ( UI/UX ) در وبلاگ من:

آموزش طراحی UI/UX با Figma از صفر در 30 دقیقه با مثال کاربردی

آموزش جامع Figma – کار با ابزارها و محیط فیگما 2021 – قسمت اول

آموزش جامع Figma – کار با پنل Design در فیگما 2021 –قسمت دوم

آموزش فیگما – Auto Layout و طراحی ریسپانسیو با آن در Figma

10 ترفند فوق العاده کاربردی فیگما 2021 – قسمت اول

آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma

5 پلاگین فوق العاده کاربردی Figma 2021 – قسمت اول

آموزش جامع طراحی Adobe Xd – محیط ظاهری و آرتبورد ها – قسمت اول

آموزش طراحی شکل های مختلف و تنظیمات آنها در Adobe Xd – قسمت دوم

آموزش ابزار متن و فارسی نویسی در Adobe Xd – قسمت سوم

آموزش کار با تصاویر و ماسک کردن در Adobe Xd – قسمت چهارم

آموزش طراحی آیکان با Pathfinder در Adobe Xd – قسمت پنجم

آموزش Adobe XD – معرفی 5 پلاگین فوق العاده کاربردی – قسمت دوم

معرفی 5 پلاگین فوق العاده کاربردی برای Adobe Xd- قسمت اول

آموزش Adobe Xd -‌ یک دکمه برای همه جا در طراحی رابط کاربری

10 افزونه فوق العاده کاربردی برای طراحان رابط کاربری

آموزش UI/UX : طراحی رابط کاربری را از صفر چطور و از کجا یاد بگیریم؟

آموزش UI/UX : وایرفریم چیه و چطور آن را طراحی کنیم؟

چطور طرح‌ رابط کاربری را در اختیار برنامه نویس و کارفرما قرار دهیم؟

لندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟

صطلاحات طراحی رابط کاربری – بخش اول: رنگها

آموزش UI/UX : اصول طراحی رابط کاربری برای تلویزیون

حسین محمودی
حسین محمودی

حسین محمودی هستم، طراح محصول و UI/UX، طراح گرافیکی، صفحه آراء.
تصمیم گرفتم مطالبی در زمینه های مختلفی که بهشون علاقه دارم رو در اینجا قرار بدم که از جمله میشه به طراحی رابط کاربری و تجربه کاربری (UI/UX)، طراحی گرافیک و صفحه آرایی اشاره کرد.

مقاله‌ها: 242

پاسخی بگذارید