پلاگین ها و ابزارهای مفید Figma

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

Vectary 3D Elements همه چیز را کمی فضایی تر می کند. این یکی از راه‌های ساده‌تر برای افزودن ماکت‌های سه بعدی به طرح‌های شما، و همچنین افزودن لایه‌ها، بسته‌بندی و تبدیل است. می توانید طرح Figma خود را در یک ماکت سه بعدی ترجیحی قرار دهید یا عنصر سه بعدی سفارشی خود را ایجاد کنید.

حاشیه نویسی با خطوط قرمز در Figma

حاشیه نویسی یک طرح با اندازه گیری ها و مشخصات دقیق برای کمک به توسعه دهندگان مسئول در درک همه این موارد می تواند فرآیندی زمان بر باشد. Redlines اینجاست تا آن را تغییر دهد. این افزونه به شما کمک می کند تا به سرعت ابعاد هر شی انتخاب شده را اندازه گیری و ترسیم کنید. تنها کاری که باید انجام دهید این است که یک یا چند لایه را انتخاب کنید، تنظیمات خط قرمز را سفارشی کنید و یک گزینه خط قرمز را برای رسم انتخاب کنید.

تعبیه لوگوهای برند در Figma

شاید بخواهید برخی از لوگوهای برند را در بررسی ها یا توصیفات نمایش دهید، پس چگونه می خواهید همه لوگوهای مناسب را پیدا کنید؟ BrandFetch به شما کمک می کند تا به راحتی دارایی های نام تجاری را بدون خروج از پنجره Figma در طرح خود وارد کنید. این افزونه دارای یک کتابخانه بزرگ از (به معنای واقعی کلمه) میلیون ها لوگو است که در دسترس شماست.

یک قاب کثیف را در Figma پاک کنید

شاید چند ده آیکون را در یک قاب انداخته باشید، پس چگونه آنها را به ترتیب معقولی مرتب کنید؟ بدیهی است که ما چنین کاری را به صورت دستی انجام نمی دهیم. اینجاست که LilGrid می تواند کمک کند.

کمک کننده کوچک عناصر را می گیرد و آنها را به صورت خودکار در یک شبکه مرتب می کند. شما فقط باید آنچه را که می خواهید سازماندهی کنید انتخاب کنید، روی “Organize to Grid” ضربه بزنید و ابزار بقیه موارد را انجام می دهد و فقط عناصر سطح بالا را در صفحه شما مرتب می کند. بدیهی است که در صورت نیاز به بازگرداندن حالت اولیه، لغو یک مرحله ای وجود دارد.

متغیرهای محتوا در Figma

با افزونه Content Reel می‌توانید با استفاده از رشته‌های متنی، تصاویر، نمادها و آواتارها از همان ابزار، طرح‌بندی‌ها را به سرعت و به راحتی طراحی کنید. می‌توانید مجموعه داده‌های ارائه‌شده را جستجو یا مرور کنید، سپس آنها را به طرح‌های خود اضافه کنید یا از ابتدا ایجاد کنید.

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

متن منحنی در Figma

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

موکاپ دستگاه ها در Figma

کیفیت ارائه شما به عنوان یک طراح تقریباً به اندازه خود طرح مهم است. استودیوی Mockuuups با بیش از 700 صحنه موکاپ دستگاه به شما کمک می‌کند موکاپ هایی را برای محصولات، محتوای بصری یا مواد بازاریابی با سهولت و کارآمدی ایجاد کنید.

معمولاً موکاپ ها زمانی زیباتر به نظر می‌رسند که دستگاهی در دست انسان نمایش داده شود، و اینجاست که All hands mockup generator به شما کمک کند. این شامل مجموعه ای بزرگ و متنوع از دست ها در تمام سایه ها، شکل ها و اندازه ها است.

جاگذاری نقشه ها در Figma

دانلود نقشه های پروژه شما نیازی به فرآیند طولانی ندارد زیرا Mapsicle توسط Chris Arvin می تواند به شما کمک کند تا به راحتی نقشه ها را در طرح های Figma خود قرار دهید. این افزونه به شما امکان می دهد نقشه خود را در یک مکان، طول و عرض جغرافیایی خاص که برای طرح های خود می خواهید تنظیم کنید، و فقط عکس فوری مناسب را به طرح شما اضافه می کند.

با این حال، اگر برای طراحی خود به یک نقشه SVG از یک کشور یا منطقه خاص نیاز دارید، افزونه Vector Maps می تواند بسیار مفید باشد. شما می توانید به معنای واقعی کلمه کشورها یا مناطق را مرور کنید و آنها را مستقیماً با یک کلیک در طرح Figma خود وارد کنید.

الگوها در طرح های شما

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

افزونه Pattern Hero باعث می شود عناصر سفارشی شما را در یک شبکه قرار داده و آنها را برای تشکیل یک الگو تکرار کند. می توانید الگوها را تکرار یا به هم بزنید، نمونه ایجاد کنید و همچنین با چندین الگو کار کنید. اگر نیاز به ایجاد یک الگو دارید، این گزینه خوبی برای استفاده است.

از طرف دیگر، Hero Patterns مجموعه ای از الگوهای پس زمینه SVG است. برای ایجاد یک ست منحصر به فرد برای خود، می توانید الگوهای مختلف را با هم ترکیب کنید و به یک الگوی مطلوب برسید.

افزونه‌های الگوهای بیشتری در Figma وجود دارد ، بنابراین می‌توانید هر چیزی ا confetti patterns گرفته تا trippy generated graphics و trippy generated graphics را دریافت کنید .

اگر نیاز به تنظیم نوعی الگوی شبکه نقطه ای در ماکت خود دارید، Dot Grid کار را برای شما خودکار می کند. با این ابزار، می‌توانید به راحتی شبکه‌های نقطه‌ای زیبا ایجاد کنید.

جاگذاری عکس ها در Figma

برای دریافت عکسها برای پروژه خود نیازی به ترک Figma ندارید. البته Unsplash صفحه اصلی همه افراد برای تصاویر با وضوح بالا است و اکنون یک افزونه در Figma است.

حذف پس زمینه در Figma

حذف پس زمینه به شما این امکان را می دهد که تقریباً این کار را انجام دهید: پس زمینه تصاویر را به راحتی حذف کنید. بدون نیاز به ویرایش دستی پس زمینه تصاویر قبل از افزودن آنها به طرح خود. یک هشدار: برای استفاده از افزونه به یک حساب remove.bg نیاز دارید .

Shapes And SVG در Figma

ایجاد اشکال اولیه آسان است. با این حال، ایجاد اشکال پیچیده ممکن است به زمان ارزشمندی نیاز داشته باشد که واقعاً نمی توانید هنگام کار روی یک پروژه از دست بدهید. پلاگین های Figma در اطراف اشکال و SVG می توانند کار شما را با انواع شکل ها آسان تر کنند.

Blobs به شما کمک می کند زیبایی شناسی طراحی خود را بهبود بخشید. با حباب ها، می توانید با استفاده از دو پارامتر: پیچیدگی و کنتراست، اشکال ارگانیک را به طرح های Figma خود اضافه کنید. شما همچنین می توانید منحصر به فرد بودن یک شکل و همچنین تعداد نقاط آن را کنترل کنید.

به امواج نیاز دارید؟ افزونه Get Waves به شما کمک می کند الگوهای موج SVG را برای طرح های خود ایجاد کنید. هنگام کار با نمودارها، نمودارها یا طرح هایی با تاج و فرورفتگی می تواند بسیار مفید باشد. شما فقط باید یک منحنی را انتخاب کنید، پیچیدگی را تنظیم کنید و تصادفی کنید.

اگر می‌خواهید یک الگوی موج و منحنی برای طراحی خود ایجاد کنید، افزونه Wave & Curve توسط Andreslav Kozlov می‌تواند به شما در تولید امواج در الگوهای مختلف کمک کند. همچنین می توانید جهت امواج را انتخاب کنید.

در نهایت، To Path به شما کمک می کند تا چیزها را در یک مسیر قرار دهید و می توانید با متون، اشکال، اشیاء و اجزای سازنده کار کنید. برای منحنی کردن متن در اطراف یک مسیر (مثلاً یک دایره)، می‌توانید افزونه را نصب کنید، سپس کدورت دایره را حذف کنید، متن و دایره را انتخاب کنید و سپس از افزونه برای پیوند دادن هر دو شی و تماشای اتفاقات جادویی استفاده کنید.

ساخت جدول در Figma

اگرچه طراحی جداول داده می تواند بسیار زمان بر باشد، پلاگین Table Generator با کمک به شما در برخورد خودکار با داده های جدولی این کار را آسان تر می کند. تنها چیزی که برای تولید جدول نیاز دارید این است که داده ها را کپی و جایگذاری کنید (در حال حاضر با فرمت CSV).

از طرف دیگر، می‌توانید از Table-Paste برای جای‌گذاری داده‌ها از صفحات گسترده اکسل در ردیف‌های جدول استایل‌دار یا Table-Creator برای ایجاد جدول‌هایی با سبک سفارشی با تغییر اندازه استفاده کنید. یک امتیاز کوچک: همچنین می توانید هر زمان که طراحی شما تغییر کرد، همه جداول را به روز کنید.

مقیاس تایپوگرافی در Figma

شما باید مقادیر مناسبی را برای مقیاس چاپی طراحی خود جستجو کنید، اما آنها را در دسترس ندارید؟ Typescales و Scaale و Marvin Bruns به شما امکان می دهد مقیاس های تایپوگرافی هماهنگ و پاسخگو را بر اساس نسبت انتخابی خود بدون خروج از Figma ایجاد کنید. مثل همیشه، شما با یک افزایش و کاهش اندازه فونت از آن اندازه و یک ضرب شروع می‌کنید.

وایرفریم و نمونه سازی در Figma

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

برای وایرفریم در Figma، هیچ مکالمه ای از ذکر AutoFlow دور نخواهد بود . این افزونه به شما امکان می دهد اشیاء را انتخاب کنید و به طور خودکار یک فلش برای اتصال آنها ترسیم می کند. یک کمک بزرگ کوچک برای نمایش و توضیح ایده ها!

Wireframe مجموعه بزرگی از وایرفریم ها را برای جریان کاربر، نمونه های اولیه و ساختارهای اساسی ارائه می دهد. اجزای وایرفریم به دسته‌هایی تقسیم می‌شوند. همه فایل ها SVG هستند، بنابراین شما می توانید به راحتی آنها را برای نیازهای خود ویرایش کنید.

با این حال، گاهی اوقات پس از ایجاد یک طرح، ممکن است بخواهید به وایرفریم برگردید تا کمی بیشتر تکرار کنید، یا شاید یک جریان کمی متفاوت برای طرح خود ایجاد کنید. Wire Box می تواند برای این مواقع مفید باشد. این طرح‌های شما را از ماکت‌های با وفاداری بالا به ماکت‌های با وفاداری پایین تبدیل می‌کند، بنابراین می‌توانید به جای جزئیات دقیق UI، روی معماری کلی تمرکز کنید.