محتوانوشته
فیگما یک ابزار طراحی قدرتمند است که به شما در ایجاد هر چیزی مانند طراحی وب سایت، برنامه، لوگو و غیره کمک می کند. در صورتی که قصد دارید گام های بزرگی در مسیر طراحی رابط کاربری بردارید، یادگیری استفاده از فیگما می تواند یک اقدام عالی باشد. اگر قصد دارید با این برنامه آشنا شوید، به شما پیشنهاد می کنم که حتماً این آموزش را تا انتها مشاهده کنید زیرا قصد داریم شما را با تعریف فیگما چیست و کاربرد نرم افزار فیگما آشنا کنیم.
Figma چیست؟
فیگما ابزاری است که در درجه اول برای افرادی که می خواهند رابط طراحی کنند هدف گرفته شده است. این نرم افزار در ابتدا در سپتامبر 2016 راه اندازی شد که تا این لحظ بیش از چهار میلیون نفر از آن در حال استفاده کردن می باشند.
به عبارت دیگر؛ فیگما یک برنامه ویرایش گرافیکی مبتنی بر وب و طراحی رابط کاربری است که شما می توانید از آن برای انجام انواع کارهای طراحی گرافیکی، طراحی رابط های اپلیکیشن موبایل، نمونه سازی طرح‌های اولیه، ایجاد پست‌های شبکه های اجتماعی و هر چیز دیگری استفاده کنید. فیگما با سایر ابزارهای ویرایش گرافیکی فرق دارد و عمدتاً به صورت مستقیم روی مرورگر شما کار می کند، این بدان معناست که شما می توانید به پروژه های خود دسترسی داشته و بدون نیاز به خرید چندین مجوز یا نصب نرم افزار، طراحی را از هر رایانه یا پلتفرمی شروع کنید.
یکی دیگر از دلایلی که طراحان این برنامه را خیلی دوست دارند این است که فیگما یک طرح رایگان ارائه می دهد که در آن می توانید تقریباً سه پروژه فعال را در یک زمان ایجاد و ذخیره کنید. همچنین برای یادگیری، آزمایش و کار روی پروژه های کوچک بیش از اندازه کافی است. فیگما روی هر سیستم عاملی که مرورگر وب را اجرا می کند کار می کند. مک‌ها، رایانه های شخصی ویندوز، دستگاه‌های لینوکس و حتی کروم بوک‌ها را می توان با این نرم افزار استفاده کرد.
بیشتر بخوانید: 12 مورد از بهترین افزونه های افزایش سرعت سایت وردپرسی
مزایای نرم افزار فیگما
در ادامه مطلب شما را با کاربردهای نرم افزار فیگما آشنا خواهیم کرد. امیدوارم تا انتهای این آموزش مارو همراهی کنید.
– انجام کار به صورت همزمان
این یکی از جذاب ترین ویژگی هایی است که در ابزارهای توسعه وب سایت دیده می شود. بسیاری از شرکت های توسعه وب از تیمی متشکل از یک نفر برای ایجاد یک وب سایت برای مشتری استفاده می کنند.
– طراحی قدرتمند برای وبلاگ های وردپرس
فیگما افزودنی فوق العاده به ابزارهای طراحی موجود برای ساخت سایت های وردپرس است
– اشتراک گذاری آسان فایل ها
این نرم افزار که به عنوان ابزار طراحی آنلاین استفاده می شود به شما کمک می کند تا به سادگی فایل های خود را با دیگران به اشتراک بگذارید. همه چیز تنها با چند کلیک انجام می شود.
– ایجاد نمونه های اولیه طراحی
تمامی ابزارهای مورد نیاز برای ایجاد طرح اولیه در این نرم افزار گنجانده شده و به راحتی در دسترس کاربران قرار می گیرد. دیگر نیازی به خرید ابزارهای مختلف برای ساخت وب سایت نیست زیرا فیگما این خدمات را با یک بار هزینه ارائه می دهد.
– ابزار طراحی وب سایت مبتنی بر ابر
طراحان فیگما را به دلیل عملکرد آن بسیار جذاب می دانند که به آنها امکان می دهد از هر رایانه متصل به اینترنت به داده های لازم دسترسی داشته باشند. نیازی به کپی یا دانلود فیزیکی یک فایل بزرگ برای انتقال آن به دستگاه دیگری نیست. از آنجایی که کل فرآیند خودکار است، همه طراحان وب آن را موثر می دانند.
بیشتر بخوانید: بهترین قالب فروشگاهی وردپرس چیست؟
از نرم افزار فیگما برای چه کارهایی استفاده می شود؟
– نوشتن محتوای حرفه ای
فیگما یک ابزار مفید است که می‌توانید از جعبه های متن آن برای نوشتن هر چیزی که ممکن است بعداً نیاز به مراجعه به آن داشته باشید، همراه با استفاده از اشکال مختلف و اضافه کردن نظرات استفاده کنید.
– طراحی صفحات وب سایت
طراحی یک وب سایت مناسب برای افرادی که قصد دارند درآمد خود را افزایش دهند و کاربران بیشتری را جذب کنند، بسیار مهم می باشد. اگر می خواهید مشاهده کنید که صفحات وب قبل ازمنتشر کردن آنها چگونه به نظر می رسند، فیگما ارزش استفاده را دارد. در این نرم افزار می توانید اندازه های ابعاد متعددی را انتخاب کنید تا به صورت دقیق صفحه تان را به صورت ظاهری به تصویر بکشید. به عنوان مثال، اگر در حال ساخت چیزی هستید که در گوشی هوشمند قابل استفاده باشد، می توانید از بین اندازه های مختلف آیفون انتخاب نمائید.
بیشتر بخوانید: دو روش کاربردی برای حذف تاریخ از URL های وردپرس
– ایجاد نمونه های اولیه برنامه
فیگما همچنین یک ابزار بسیار عالی برای طراحان رابط کاربری (UI) و تجربه کاربر (UX) محسوب می شود. بنابراین اگر می خواهید نمونه‌های اولیه برنامه‌ها را ایجاد کنید و مشاهده کنید که چگونه در چندین دستگاه ظاهر می‌شوند، این ابزار فوق‌العاده مفید است. همچنین هنگام ایجاد یک نمونه اولیه با این برنامه می توانید متن اضافه کنید و فونت و اندازه آن ها را نیز تغییر دهید. شما همچنین می توانید چندین پلاگین را به همراه موارد متعدد دیگر ادغام کنید.
– مدیریت پروژه
فیگما دارای چندین ابزار پیشرفته است که می توانید از آنها برای مدیریت پروژه های خود استفاده کنید. به عنوان مثال، می توانید با افراد زیادی همکاری کنید و نظرات آنها را بسنجید. علاوه بر این، می توانید از اشکال و متن در فیگما برای ایجاد جدول زمانی پروژه استفاده کنید.
بیشتر بخوانید: خطای Syntax Error در وردپرس چیست؟ چگونه ارور سینتکس در وردپرس را رفع کنیم؟
چگونه از Figma استفاده کنیم؟
همانطور که قبلاً هم اشاره کردیم، فیگما یک برنامه مبتنی بر وب است. بنابراین تنها چیزی که برای شروع کار با آن نیاز خواهید داشت یک رایانه رومیزی یا یک لپ تاپ با یک مرورگر خوب و اتصال به اینترنت است. سپس می توانید برای ثبت نام رایگان به سایت فیگما مراجعه کرده وسپس می توانید بلافاصله کار روی طرح های خود را شروع کنید.
فیگما یک ویرایشگر بسیار مبتدی دارد که در آن می توانید طرح هایی را از ابتدا یا با استفاده از قالب های از پیش ساخته شده ایجاد کنید.
بیشتر بخوانید: معرفی بهترین CDN برای وردپرس در ایران
نحوه کار با نرم افزار Figma
برای شروع استفاده از این برنامه در ابتدا باید وارد وب سایت figma شوید و برای خود یک حساب کاربری ایجاد کنید. تنها می توانید با یک حساب کاربری جدید (ایمیل یا ورود به سیستم گوگل) ثبت نام خود را به صورت کاملاً رایگان انجام دهید.
ما قصد داریم اولین صفحه پیش نویس خود را بسازیم. برای انجام اینکار کافیست روی آیکون + کلیک کرده و یا در سمت راست یک صفحه طراحی جدید ایجاد کنید.
بیشتر بخوانید: در وردپرس 5.3 چه خواهید دید؟ (بلوک های جدید و ظاهر نوشده پیشخوان)
– نحوه ساخت یک قاب در Figma
ابتدا باید یک قاب ایجاد کنیم. منظور از قاب این همان صفحه است که طراحی ما در آنجا قرار می گیرد. شما می توانید بسته به نیاز خود یک قاب را هر طور که می خواهید اندازه بگیرید. به عنوان مثال ما در این آموزش قصد داریم از قالب آماده Desktop Frame استفاده کنیم. شما همچنین می‌توانید فریم‌های اپلیکیشن موبایل یا حتی فریم‌های سفارشی ایجاد کنید. برای اینکار ابزار Frame را از منوی بالا انتخاب کنید و سپس اندازه فریم را در پنل سمت راست صفحه انتخاب نمائید.
بیشتر بخوانید: معرفی ابزار Keyword tools و کاربردهای آن
– نحوه اضافه کردن گریدها و ستون ها در Figma
قبل از شروع طراحی، بهتر است شبکه هایی را اضافه کنید که به شما کمک می کنند هم ترازی محتوا را برای صفحه خود ثابت نگه دارید. می توانید شبکه ها را به یک قاب اضافه و آنها را سفارشی کنید. به عنوان مثال ما قصد داریم از 12 شبکه استفاده کنیم. بنابراین برای انجام اینکار:
- قاب مورد نظر را برای شبکه بندی انتخاب کنید
- گزینه Layout Grid را در پنل سمت راست انتخاب کنید
- ستون ها و 12 واحد را انتخاب کنید
بیشتر بخوانید: بهترین نرم افزارهای کاهش حجم فیلم بدون افت کیفیت | 8 برنامه کمپرسور ویدیو
– نحوه استفاده از اشکال در Figma
شما می توانید از اشکال و عناصر موجود در فیگما برای ایجاد مربع، دایره، خطوط و موارد دیگر استفاده کنید. اینها اصول اولیه ایجاد طرح در یک صفحه هستند که بسیار مورد استفاده قرار خواهند گرفت.
- ابزار مربع شکل را انتخاب کنید
- یک مربع ایجاد کنید
- شروع به شکل دادن و اندازه آن به دلخواه خود نمائید
بیشتر بخوانید: بهترین نرم افزار های ایمیل مارکتینگ | برترین سرویس بازاریابی ایمیلی در ایران کدام است؟
– نحوه اضافه کردن تصاویر در Figma
تصاویر بخش مهمی از طراحی وب سایت محسوب می شوند که شما می توانید تصاویر را از یک منبع آنلاین یا محلی به صفحه خود اضافه کنید. به عنوان مثال ما قصد داریم یک لوگو اضافه کرده و آن را در سمت چپ صفحه قرار دهیم. برای انجام اینکار کافیست:
- یک تصویر را از رایانه محلی خود بکشید و رها کنید
- یک تصویر را از گزینه آپلود تصویر شکل ها وارد کنید
- اندازه عکس را تغییر داده و روی طرح قرار دهید
بیشتر بخوانید: آموزش نحوه نصب قالب وردپرس روی لوکال هاست xampp
– نحوه اضافه کردن متن به طرح در Figma
برای افزودن متن به طرح، ابزار متن را انتخاب کرده و در صفحه قرار دهید. فونت به صورت پیش فرض روی Roboto خواهد بود، اما شما می توانید خانواده فونت، اندازه و رنگ را در هر مرحله تغییر دهید. در این مثال از پنل سمت راست برای تغییر رنگ و اندازه فونت و بعداً خانواده فونت استفاده می کنیم.
- ابزار Text را انتخاب کنید
- متن “درباره” را به عنوان شروع پیمایش اضافه کنید
- اندازه فونت را 12 و رنگ آن را سفید انتخاب کنید
بیشتر بخوانید: بهترین نرم افزارهای کاهش حجم عکس؛ دانلود 19 برنامه فشرده سازی تصاویر
سوالات متداول
کاربرد نرم افزار فیگما چیست؟
نرم افزار فیگما یک ابزار طراحی بسیار پیشرفته و مدرن است که به شما کمک می کند تا هر چیزی را که می خواهید از لوگو گرفته تا سایت و... به سادگی طراحی کنید.
بیشتر بخوانید: آموزش تخصصی کار با FileZilla | فایل زیلا، نرم افزار آپلود فایل های حجیم در هاست
جمع بندی: نرم افزار فیگما چیست؟
فیگما یک پلت فرم طراحی قدرتمند است که به کاربران اجازه می دهد تا در پروژه های طراحی از هر مکانی همکاری کنند. با استفاده از این نرم افزارمی توانید به سرعت طرح‌های خود را ایجاد، نمونه سازی و به اشتراک بگذارید. همچنین از این برنامه می توان برای پروژه‌های طراحی حرفه‌ای مانند لوگوها و برندسازی، ماکت‌های صفحه وب، رابط‌های اپلیکیشن موبایل و نمونه‌های اولیه تعاملی پیچیده نیز استفاده کرد. ما در این مطلب شما را با تعریف فیگما چیست و کاربرد نرم افزار فیگما آشنا کردیم. امیدوارم این آموزش مورد رضایت شما عزیزان قرار گرفته باشد.
منبع: makeuseof – freecodecamp
نظراتمقاله
چیزی اینجا نیست!
خوشحال می شویم همین الان می‌توانید اولین نظر خود را ارسال نمایید!