مرحله ۱: فونت‌ها را دانلود کنید

اولین قدم دانلود فونت هایی است که می خواهید در پروژه Figma خود استفاده کنید. وب‌سایت‌های مختلفی وجود دارند که می‌توانید فونت‌های رایگان و پولی مانند Google Fonts، Adobe Fonts، FontSquirrel و DaFont را پیدا کنید. در این وب سایت ها جستجو کنید و فونت هایی را انتخاب کنید که به بهترین وجه با نیازهای طراحی شما مطابقت دارند.

مرحله 2: فونت ها را در رایانه خود نصب کنید

پس از دانلود فایل های فونت، باید آنها را بر روی کامپیوتر خود نصب کنید. این مرحله بسیار مهم است زیرا Figma به فونت های نصب شده روی سیستم شما دسترسی دارد. برای نصب فونت ها در ویندوز، می توانید روی فایل فونت دانلود شده کلیک راست کرده و “Install” را انتخاب کنید. در macOS، روی فایل فونت دوبار کلیک کنید و روی «Install Font» در پنجره پیش‌نمایش کلیک کنید.

مرحله 3: Figma را مجدداً راه اندازی کنید

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

مرحله 4: از فونت های محلی در Figma استفاده کنید

Figma امکان استفاده از فونت های محلی را مستقیماً از رایانه شما فراهم می کند. برای انجام این کار؛ این موارد را دنبال کنید:

1. Figma را باز کنید و به پروژه ای که می خواهید فونت را در آن اضافه کنید بروید.
2. عنصر متن را انتخاب کنید یا یک لایه متن جدید ایجاد کنید.
3. در نوار کناری سمت راست، در قسمت «متن»، روی منوی کشویی فونت کلیک کنید.
4. به پایین پیمایش کنید تا «فونت‌های محلی» را ببینید.
5. روی Local Fonts کلیک کنید و فونت مورد نظر را از لیست انتخاب کنید.

با استفاده از فونت‌های محلی، می‌توانید به هر فونت نصب شده روی رایانه خود مستقیماً در Figma دسترسی داشته باشید.

مرحله 5: از فونت های وب در Figma استفاده کنید

به غیر از فونت های محلی، Figma از فونت های وب ارائه شده توسط سرویس های مختلف نیز پشتیبانی می کند. برای استفاده از فونت های وب در Figma مراحل زیر را دنبال کنید:

1. Figma را باز کنید و به پروژه ای که می خواهید فونت را در آن اضافه کنید بروید.
2. عنصر متن را انتخاب کنید یا یک لایه متن جدید ایجاد کنید.
3. در نوار کناری سمت راست، در قسمت «متن»، روی منوی کشویی فونت کلیک کنید.
4. به پایین پیمایش کنید تا “فونت های وب” را ببینید.
5. روی “Web Fonts” کلیک کنید و فونت مورد نظر را از لیست انتخاب کنید.

Figma با خدمات فونت وب محبوب مانند فونت های گوگل و فونت های Adobe ادغام می شود و به شما این امکان را می دهد که به کتابخانه وسیعی از فونت های وب مستقیماً در ابزار طراحی دسترسی داشته باشید.

راه ساده 1: کمک کننده قلم Figma

Figma یک پلاگین مفید به نام “Figma Font Helper” ارائه می دهد که فرآیند افزودن فونت به پروژه های شما را ساده می کند. در اینجا نحوه استفاده از آن آمده است:

1. افزونه Figma Font Helper را از وب سایت انجمن Figma یا مستقیماً در Figma نصب کنید.
2. با رفتن به منوی “Plugins” و انتخاب “Figma Font Helper” پانل افزونه را باز کنید.
3. در پانل افزونه، روی دکمه “افزودن فونت” کلیک کنید.
4. پنجره ای ظاهر می شود که تمام فونت های نصب شده در رایانه شما را نشان می دهد.
5. فونت هایی را که می خواهید به پروژه Figma خود اضافه کنید انتخاب کنید و روی “نصب” کلیک کنید.

فونت های انتخاب شده به پروژه شما اضافه می شوند و می توانید از طریق منوی کشویی فونت در Figma به آنها دسترسی داشته باشید.

راه ساده 2: استفاده از Google Fonts Sync

اگر از فونت‌های گوگل در طراحی‌های خود استفاده می‌کنید، می‌توانید از ویژگی Google Fonts Sync برای همگام‌سازی خودکار فونت‌های انتخابی خود با Figma استفاده کنید. در اینجا چگونه است:

1. افزونه “Google Fonts Sync” را از وب سایت انجمن Figma یا مستقیماً در Figma نصب کنید.
2. با رفتن به منوی «افزونه‌ها» و انتخاب «Google Fonts Sync»، پانل افزونه را باز کنید.
3. در پانل افزونه، فونت‌های Google را که می‌خواهید استفاده کنید جستجو و انتخاب کنید.
4. روی دکمه “Sync to Figma” کلیک کنید.
5. فونت‌های انتخابی Google با Figma همگام‌سازی می‌شوند و می‌توانید از طریق منوی کشویی فونت به آنها دسترسی داشته باشید.

این روش نیاز به دانلود و نصب دستی فونت ها را برطرف می کند، زیرا فونت ها را مستقیماً از فونت های گوگل با پروژه های Figma شما همگام سازی می کند.

راه ساده 3: سبک های قلم

Figma به شما این امکان را می‌دهد که سبک‌های فونت را ایجاد و مدیریت کنید، و استفاده از تایپوگرافی ثابت در طرح‌های خود را آسان‌تر می‌کند. در اینجا نحوه استفاده از سبک های فونت آمده است:

1. یک عنصر متنی با خواص فونت مورد نظر را انتخاب کنید.
2. در نوار کناری سمت راست، در زیر “متن"، روی دکمه “ایجاد سبک” در کنار منوی کشویی فونت کلیک کنید.
3. به سبک خود یک نام بدهید و روی “ایجاد” کلیک کنید.
4. سبک قلم در بخش «سبک‌های متن» فایل طراحی ذخیره می‌شود و قابل دسترسی است.
5. برای اعمال سبک قلم به سایر عناصر متن، عنصر را انتخاب کرده و s را انتخاب کنیدسبک فونت aved از بخش «سبک‌های متن».

سبک های فونت در Figma فرآیند اعمال تایپوگرافی ثابت را ساده می کند، به خصوص هنگام کار با عناصر متنی متعدد.

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

منابع : 

1. انجمن Figma - وب سایت رسمی و پلت فرم انجمن برای کاربران Figma که دسترسی به افزونه ها، منابع و آموزش های مربوط به استفاده از Figma را فراهم می کند.
2. Google Fonts - یک سرویس فونت وب پر استفاده توسط Google، که کتابخانه وسیعی از فونت‌های رایگان و منبع باز را ارائه می‌دهد که می‌توانند در ابزارهای طراحی مختلف ادغام شوند.
3. فونت‌های Adobe - یک سرویس فونت جامع توسط Adobe، که قبلا با نام Typekit شناخته می‌شد، طیف گسترده‌ای از فونت‌های با کیفیت بالا را برای استفاده از دسک‌تاپ و وب ارائه می‌دهد.

این منابع معتبر اطلاعات قابل اعتمادی را در مورد افزودن فونت به Figma ارائه می دهند و به طور گسترده در جامعه طراحی شناخته شده اند.