هیچ دوره ای در سبد آموزش شما وجود ندارد
آموزش فیگما را چرا باید شروع کنیم؟ اگر از جمله افرادی باشید که سر و کارتان با طراحی و گرافیک باشد، احتمالا باید از حجم زیاد فایل ها و سختی انتقال این فایل ها بین همکاران و سیستم های مختلف به سطوح آمده باشید. برای رفع این مورد، نرم افزاری طراحی شده است که فیگما(figma) نام دارد. در ادامه به بررسی کامل و جامع نرم افزار فیگما(figma) پرداخته شده است.
فیگما(figma) چیست
فیگما(figma) یک ابزار طراحی است که مبنای طراحی آن، فضای ذخیره سازی ابری یا همان Cloud است. فیگما نرم افزاری است که برای کار تیمی طراحی شده و در این زمینه دسترسی عالی به تیم طراحی شما می دهد. در واقع در فیگما، هیچ واسطه ای برای جابجایی فایل ها نیست و به طور مستقیم این کار رخ می دهد.
یکی از مزیت ها و برتری های فیگما(figma) نسبت به سایر همتایان خود این است که روی هر سیستم عاملی که یک مرورگر باز شود قابلیت اجرا شدن دارد و از حیث سخت افزاری بسیار کم توفع است. این نرم افزار روی تمامی سیستم عامل های رایج نظیر لینوکس، مک و ویندوز قابل اجرا است.
سرفصل های دوره آموزش فیگما
معرفی و آشنایی با Figma:
- Figma چیست؟
- ثبت نام و شروع طراحی با فیگما
- آشنایی با محیط فیگما
- Figma Canvas
معرفی ابزارهای فیگما:
- ابزارهای Move, Scale, Frame, Slice
- ابزارهای Rectangle و Line
- ابزارهای Arrow, Ellipse, Polygon + مینی پروژه طراحی لوگو
- ابزارهای Star و Place image + مینی پروژه طراحی لوگو
- ابزارهای Pen و Pencil + مینی پروژه طراحی لوگو
- ابزار Text
- اضافه کردن فونت به فیگما
- ابزار Comment
- ابزارهای Boolean و Mask
- پنل لایهها
افکتها در Figma :
- افکت Shadow
- افکت Background blur و Layer blur
- چند مثال کاربردی برای افکتها
پروژه اول :
- طراحی UI سایت (بخش هدر)
- معرفی Community و اضافه کردن آیکون به پروژه
پنل دیزاین :
- مرتبسازی در فیگما (Alignment, Tidy up, Distribution)
- محدودیتها (constraints)
- اشتراکگذاری (Share)
- ویژگی Auto Layout
- Layout Grid
- خروجی گرفتن در فیگما
کامپوننت (Component) :
- کامپوننتها در فیگما
- ویژگی Variants
- پنل Assets
پروژه UI اپ موبایل مدیریت زمان :
- طراحی UI اپ موبایل مدیریت زمان ـ بخش اول
- طراحی UI اپ موبایل مدیریت زمان ـ بخش دوم
- طراحی UI اپ موبایل مدیریت زمان ـ بخش سوم
- طراحی UI اپ موبایل مدیریت زمان ـ بخش چهارم
پروتوتایپ :
- پروتوتایپ در فیگما ـ بخش اول
- پروتوتایپ در فیگما ـ بخش دوم
- پروتوتایپ در فیگما ـ بخش سوم
پروژه سوم :
- طراحی پورتفولیو ـ بخش اول
- طراحی پورتفولیو ـ بخش دوم
- طراحی پورتفولیو ـ بخش سوم

چنانچه هرگونه سوال درمورد نرم افزار فیگما و یا دوره آموزش فیگما دارید میتوانید از بخش دیدگاهها در انتهای این صفحه سوالاتتان را مطرح کنید تا در کمترین زمان پاسخ مناسب دریافت کنید.
mehrane.esmaili دانشجوی دوره
سلام وقتتون بخیر. فایل های اپ موبایل در فصل۷ که در آموزش گفتید قرار دادم، کجا قرار دادید؟
امیر بَزی
سلام مهرانه جان وقتت بخیر
فایل فصل ۷ رو میتونی از توی پخش کننده آنلاین دانشجویار دانلود کنی
توی قسمت آخر فصل ۷ میتونی پیدا کنی
amirbhz86 دانشجوی دوره
باسلام دوره مفیدی بود ولی کاش پروژه های بیشتری می زاشتین و کاملتر بود
امیر بَزی
سلام امیر جان خیلی خوشحالم که دوره براتون مفید بوده
آره حتما تلاشمو میکنم اگه امکانش بود چند تمرین و پروژه به دوره اضافه کنم
فعلا اگه فکر میکنید نیاز به تمرین بیشتر داریدپیشنهاد میکنم از نمونه کارهای داخل dribbble کمک بگیرید
چند تا طرح رو انتخاب کنید و دقیقا شبیه طرح اصلی طراحی کنید تا مهارتتون افزایش پیدا کنه
zaminkeshtmohammad دانشجوی دوره
سلام، وقت شما بخیر
خیلی ممنون از دوره خوب و بروزتون که آپدیت های جدید فیگما رو هم پوشش میدین.
فقط اگر امکان وجود دارد برای سوالات و رفع اشکالات یک راه ارتباطی هم معرفی کنید.
باتشکر
امیر بَزی
سلام محمد جان خیلی خوشحالم که دوره براتون مفید بوده
اگه سوالی هم داشتی خوشحال میشم توی تلگرام با هم گپ بزنیم
آیدی: Amiir_bazzii
foad.la110 دانشجوی دوره
سلام وقتتون بخیر
دوره واقعا مفید بود،ممنون از زحماتتون👌
لطف میکنید بفرمایید که چطور میشه از اعداد فارسی در فیگما استفاده کرد؟
امیر بَزی
سلام وقتتون بخیر
اگه از ویندوز استفاده میکنید کافیه که زبان سیستم رو از فارسی به فارسی استاندارد تغییر بدین و از اعداد بالای کیبورد برای نوشتن اعداد فارسی استفاده کنید. فقط حواستون باشه که فقط با اعداد بالای کیبورد میشه فارسی نوشت و با اعداد سمت راست امکان فارسی نوشتن وجود نداره
و اگه از مک هم استفاده میکنید کافیه که زبان سیستم رو فارسی کنید و تمام
bestuser دانشجوی دوره
سلام استاد بزی
فایل وایرفریم تو کدوم جلسه هست چند تایی که ایمپورت کردم وایرفریم نداشتند لطفا راهنمایی کنید
bestuser دانشجوی دوره
سلام اگه ممکنه اسکرین شاتی از وایرفریم پروژه اپ موبایل اپلود کنید
متاسفانه چون این بخش تدریس نشده و فیل شکن مناسب پیدا نکردم ( زمان زیادی جهت فیلشکن تلف کردم) نتونستم فایل فیگما ایمپورت کنم
امیر بَزی
سلام آقای اسدی روزتون بخیر
متاسفانه فایل وایرفریم ها به مشکل خورده و موقع ایمپورت فیگما ارور میده
برای تمرین بیشتر بهتون پیشنهاد میدم که خودتون از روی فایل پروژه وایرفریم رو طراحی کنید
bestuser دانشجوی دوره
سلام پیشنهاد خوبیه
پیش به سوی اجرا
امیر بَزی
موفق باشید🥳
emran4000 دانشجوی دوره
سلام
وقت خیر
در نرم افزار فیگما قسمت پروتوتایپ ، برای من هیچ پرزنتی نشان داده نمیشه و تمام تغییرات و اعمال پروتوتایپ نمایان نمیشود. دقیقا هم مثل آموزشی که دادید تمامی موارد اعمال میشود ولی در قسمت پرزنت فقط یک صفحه سفید دیده میشود.
ممنون میشم راهنمایی بفرمائید.
امیر بَزی
سلام خسته نباشید
اگه امکانش هست منو به پروژه فیگماتون اضافه کنید و تا بتونم دلیل این مشکل رو پیدا کنم
این هم ایمیل بنده: Amiirbazzii@gmail.com
emran4000 دانشجوی دوره
سلام و خسته نباشید
ضبط فصل ۳ قسمت آخر (که مثال های کاربردی در مورد افکت ها هست) چه زمانی به اتمام میرسه؟ و قابل مشاهده خواهد بود؟
امیر بَزی
سلام خسته نباشید
به دلیل یک سری از مشکلات متاسفانه این قسمت ضبط نشده و اگه مشکلی پیش نیاد تا حداکثر پایان هفته آینده این قسمت ضبط و آپلود میشه
egitiravan دانشجوی دوره
با سلام . به نسبت هزینه ای که پرداخت کردم دوره خوبی بود. تشکر میکنم.
امیر بَزی
سلام خیلی خوشحالم که براتون مفید بوده 🥰
irantech.poshtibani دانشجوی دوره
در این دوره در مبحث ورینت ها اون قسمت که استاد میگن در قسمت پراپرتی ۱ میتونین استایل هارو عوض کنین یا مثلا به حالت دیفالت برگردونین فکر میکنم تو آپدیت جدید فیگما حذف شده چون من اصلا پیداش نمیکنم اگر امکان داره راهنمایی کنید
امیر بَزی
سلام نه هیچ تغییری این بخش نداشته
اگه هنوز هم نتونستی این مشکل رو حل کنی میتونی به من توی تلگرام پیام بدی تا مشکل رو حل کنیم
Amiir_bazzii@
bestuser دانشجوی دوره
سلام و درود
حجم ویدئوها خیلی بالاست به عنوان نمونه ویدئوی درس ۹ بخش سوم چهار بار idm تا ۹۰ درصد دانلود و خطایی داد و صفحه رو بست و هربار مجدد میره از ۰ دانلود میکنه
لطفا دانشجویار استانداردی جهت حجم ویدئوهاش تعیین کنه مشکل حجم بالا در اکثر اموزش ها هست مثلا ویدئوی ده دقیقه ای هفتصد مگابایت حجم داره و یه دوره ممکنه بیست تا سی گیگ از هارد اشغال کنه نرم افژارهایی جهت کاهش حجم ویدئو بدون افت کیفیت هست لطفا بررسی کنید
farhangmehrani63 دانشجوی دوره
سلام خسته نباشید
تو بخش اضافه کردن فونت که فونت اینستالر رو نصب میکنم ولی تو مرورگر اعمال نمیشه، رفرش هم کردم ولی نشد
امیر بَزی
سلام وقتتون بخیر
اگه از اون روشی که توضیح دادم نتونستید به مرورگرتون فونت اضافه کنید بهتره که فیگما رو روی سیستمتون نصب کنید
از این لینک میتونید فیگما رو دانلود کنید https://www.figma.com/downloads
سلام
سلام
میشه بگید نرم افزار فیگما رو چطوری و از چه طریق دانلود میشه کرد؟
امیر بَزی
سلام روزتون بخیر
میتونید از طریق لینک زیر متناسب با سیستم خودتون دانلود کنید
https://www.figma.com/downloads/
Parsa0101 دانشجوی دوره
سلام خسته نباشید.
میشه لطفا یک پروژه وب ریسپانسیو هم بزنید تا با استاندارد طراحی ریسپانسیو سایت هم در طراح های فیگما آشنا بشیم ؟
امیر بَزی
سلام پارساجان وقتت بخیر
بله حتما در تلاش هستم که هر چه سریعتری این بخش رو ضبط کنم اما متاسفانه هنوز امکان ضبط نداشتم
ولی اگه نیاز داری به آموزش ریسپانسیو میتونی داکیومنتهای بوتاسترپ رو بخونی
https://getbootstrap.com/docs/5.2/layout/grid/
arezoomk572 دانشجوی دوره
سلام یه جا گفته بودید پروژه رو در اختیارمون میذارید
امیر بَزی
سلام آرزو جان فایل پروژه ها رو توی قسمت ۴ فصل ۹ قرار دادم. میتونی از اونجا دانلود کنی
احسان
سلام وقت بخیر
آیا میشه از پروژه ای که توی فیگما طراحی کردیم خروجی بگیریم و داخل pdf , شبکه های اجتماعی , سایت و… استفاده کنیم؟
امیر بَزی
سلام احسان جان بله فیگما این ویژگی رو داره و شما میتونید از هر چیزی که طراحی میکنید خروجی بگیرین.
قسمت ۶ فصل ۵ به طور کامل توضیح دادم که به چه روشی میتونیم خروجی بگیریم.
bashizade.official دانشجوی دوره
سلام خسته نباشید بخش پروژه سوم تا الان باید انتشار پیدا می کرد ولی نکرده . لطفا زمان دقیق بدید برای انتشار
حسن رجبیان
سلام وقتتون بخیر
دوره به صورت کامل منتشر شد و میتونین مشاهده بفرمایید .
mirtalebi دانشجوی دوره
سلام
بخش پروتوتایپ تا الان باید انتشار میشد و زمان بندیش هم تمام شده اما انتشار نشده!!!
میشه یه توضیحی بدین کی منتشر میشه؟
حسن رجبیان
سلام و عرض ادب. منتشر شد.
peymanam.amiri
سلام بازار کار فیگما الان چطوریه؟
علیرضا احمدی
سلام و عرض ادب. خوب باید اول بگیم بازار کار ui و طراحی رابط کاربری چجوریه؟ نرم افزاری هست که نیاز به طراحی نداشته باشه؟ وبسایت و اپلیکیشن موبایل فرقی نمیکنه، همشون به شدت نیازمند طراحی هستند. حالا چرا فیگما؟ دسترسی به فیگما و مدیریت پروژه در این پلتفرم خیلی راحت تر از فتوشاپ و ادوبی XD هست و تنها چیزی که نیاز داریم یه مرورگر هست. پس بر روی ضعیف ترین سیستم ها هم میشه استفاده کرد و این خیلی خوبه. الان اکثر شرکت های بزرگ نرم افزاری برای طراحی رابط کاربری خودشون از فیگما و XD استفاده میکنن که درصد استفاده از فیگما اخیرا بیشتر شده. پس بازار کار خیلی خوبی داره.
abdollahi5083 دانشجوی دوره
ممنون از اموزش خوبیتون فقط میخوام بدونم ادامه اموزش چه تایمی اماده انتشار میشه ؟
امیر بَزی
سلام الهام جان
فصل پروژه دوم (طراحی اپ موبایل) ضبط شده و حتما تا آخر هفته ۳ تیر ادیت میشه و روی سایت قرار میگیره
Parsa0101 دانشجوی دوره
سلام خسته نباشید
میشه لطفا در دوره ، یک پروژه پنل ادمین ریسپانسیو و یک وبلاگ ریسپانسیو هم طراحی کنید منظورم آموزش نحوه چینش صحیح المان های یک طرح در حالت موبایل و دسکتاپه ؟!
امیر بَزی
سلام پارساجان
ممنون از پیشنهاد خوبت، حتما بعد از ضبط سرفصلهای فعلی یه بخش هم برای ریسپانسیو ضبط میکنم.
هیرود
برای فقط ۳ ساعت زدین قیمت ۲۵۰:هزار تومان
چه خبرتونه؟؟؟
یه سری به سایت های دیگه بزنین بلکه قیمت بیاد دستتون
soheylakazemi
سلام دوست عزیز این دوره در حال آپدیت هستش و فصل های دیگش منتشر خواهد شد و همچنین این دوره به همراه آپدیت های فیگما به روزرسانی خواهد شد.
محمد حسین
با سلام
این دوره شامل چند جلسه و چه تعداد ساعت میباشد؟
ممنون
امیر بَزی
سلام محمدحسین جان به این دلیل که فیگما همیشه در حال آپدیت است و ما در تلاشیم که دوره رو همیشه آپدیت نگه داریم دقیق مشخص نیست که محتوای این دوره چند ساعت است.
shahrzad6688
من از تابستون منتظر این دوره هستم پیر شدم کی میاد؟
soheylakazemi
سلام دوست عزیز تاریخ انتشار مشخص شده و فروردین انتشار میخوره
behrang.atashin62
با سلام این دوره در چه تاریخی ارائه میشه؟
soheylakazemi
سلام بعد از عید انتشار میشه
Qwerty
سلام
ببخشید دوره رایگان هست
soheylakazemi
سلام خیر به دلیل اینکه الان در حال ضبط هستش هنوز قیمتی براش تعیین نشده