هیچ دوره ای در سبد آموزش شما وجود ندارد
آموزش فیگما را چرا باید شروع کنیم؟ اگر از جمله افرادی باشید که سر و کارتان با طراحی و گرافیک باشد، احتمالا باید از حجم زیاد فایل ها و سختی انتقال این فایل ها بین همکاران و سیستم های مختلف به سطوح آمده باشید. برای رفع این مورد، نرم افزاری طراحی شده است که فیگما(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 اپ موبایل مدیریت زمان ـ بخش چهارم
پروتوتایپ :
- پروتوتایپ در فیگما ـ بخش اول
- پروتوتایپ در فیگما ـ بخش دوم
- پروتوتایپ در فیگما ـ بخش سوم
پروژه سوم :
- طراحی پورتفولیو ـ بخش اول
- طراحی پورتفولیو ـ بخش دوم
- طراحی پورتفولیو ـ بخش سوم
همچنین در صورت علاقه می توانید دوره آموزش Adobe Xd را مشاهده فرمایید.
چنانچه هرگونه سوال درمورد نرم افزار فیگما و یا دوره آموزش فیگما دارید می‌توانید از بخش دیدگاه‌ها در انتهای این صفحه سوالاتتان را مطرح کنید تا در کمترین زمان پاسخ مناسب دریافت کنید.
imantekyeh دانشجوی دوره
سلا من تازه تهیه کردم آموزش خوبیه واقعا جای تشکر دراه بابت مینی پروژه ها من به شخصه از آموزشی که فقط ابزار آموزش میده بعد میره برای طراحی نمیتونم تحمل حوصله سر بر میشه آموزش
امیر بَزی مدرس دوره
سلام ایمان جان وقتت بخیر
خوشحالم که این دوره برات مفید بوده.
imantekyeh
سلام سه پرژه کارشده کجاست ببینیم؟
امیر بَزی مدرس دوره
سلام وقتت بخیر
تصویرشونو میتونی توی توضیحات دوره ببینی
فایل پروژه ها هم بر روی قسمت آخر هر پروژه قرار گرفته
سیدایمان تکیه
وقتی با فیگما طراحی بشه میتونه لایه باز داخل الیستریتور بازش کرد؟؟بشه استوری موشن درست کرد
امیر بَزی مدرس دوره
بله، میتونی از فایلی که داخل فیگما طراحی می‌کنی خروجی SVG بگیری و داخل illustrator ازش استفاده کنی
ولی اگه منظورت اینه که خروجی مخصوص illustrator بده، نه همچین امکانی وجود نداره
amiralibakhshandeh86 دانشجوی دوره
سلام استاد
یک نقشه راه کوچولو میدید از اینکه باید بعد از این دوره چه کنیم؟
امیر بَزی مدرس دوره
سلام امیرعلی جان وقتت بخیر
من دارم دوره رو آپدیت میکنم و سعی میکنم یه ویدیو هم با این موضوع آماده کنم و داخل دوره قرار بدم
gitiravan
ایکاش درباره نحوه دیزاین سیستم هم توضیح میدادید . من الان این دوره رو گذروندم و اکثر محل های کار دیزاین سیستم میخوان ولی من نمیتونم انجام بدم چه از جهت درستی انجام کار و چه از نظر اینکه موقع پابلیش خطا میده. اینکه چطور از یک دیزاین سیستم آماده استفاده کنیم و چطور اونرو طراحی کنیم؟
امیر بَزی مدرس دوره
متاسفانه موضوع دیزاین سیستم خیلی موضوع گسترده و بزرگیه و نیاز به یک دوره کاملا جدا داره و ما نمیتونیم توی این دوره به طور کامل به دیزاین سیستم بپردازیم
و پیشنهاد من اینه که خودتون شروع کنید روی دیزاین سیستم متریال کار کنید یا حتی خودتون اونو دوباره و دقیقا مشابه دیزاین سیستم اصلی طراحی کنید تا با نحوه ساخت کامپوننت های دیزاین سیستم آشنا بشین
Peikani.ali110 دانشجوی دوره
دوره کاملا مناسب و به اندازه بود
امیر بَزی مدرس دوره
خوشحالم که براتون مفید بوده
saade_shekarii دانشجوی دوره
بروژه هایی که انجام دادید رو فایل هاشو می زاشتید تو سایت که ما بتونیم پروژه اول تا سوم رو مثل شما انجام بدیم تو بخش انلاینم هستم ولی فایل ها نیست لطفا بیگیری کنید ممنون
امیر بَزی مدرس دوره
سلام لطفا توی بخش آنلاین کامنت بزارید تا اونجا براتون فایل پروژه‌ها رو بفرستم
mahdi6.29 دانشجوی دوره
سلام.
کاش لینک پروژه هایی که انجام دادید رو می زاشتید تو سایت که ما بتونیم پروژه اول تا سوم رو مثل شما انجام بدیم…
یا حداقل یه نشونی می دادید ما بفهمیم اون پرژه هارو ججوری پیدا کنیم؟؟؟؟؟!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
امیر بَزی مدرس دوره
سلام مهدی جان وقتت بخیر
برای اینکه به فایل پروژه ها دسترسی داشته باشی نیازه که با زدن دکمه شروع یادگیری وارد پلیر آنلاین بشی و از اون قسمت خیلی راحت میتونی فایل پروژه ها رو دانلود کنی
mahdi6.29 دانشجوی دوره
نمیدونم پس چرا من نمی دونم پیدا کنم؟
من فقط می تونم ویدیو رو دانلود کنم….
امیر بَزی مدرس دوره
اگه بهم داخل پلیر آنلاین پیام بدین اونجا میتونم برات فایلشو بفرستم
امیر حسین
سلام ببخشید اول اینکه اول باید UI/UX بلد باشیم بعد بیایم سمت فیگما یا از همون اول میتونیم با فیگما پیش بریم؟
امیر بَزی مدرس دوره
نه نیازی نیست حتما اطلاعات تئوری داشته باشین فیگما رو میتونید به تنهایی یاد بگیرین
nayermoh دانشجوی دوره
سلام ممنونم از آموزش فیگما. من چون مبتدی هستم خیلی به دردم خورد. الان یه مشکل دارم برای تمرین. یه عکس لوگو از اینترنت که کپی میکنم نمیدونم چرا تو صفحه پیست نمیشه. من کلیک راست میکنم و کلمه paste here را میزنم ولی پیست انجام نمیشه. توی ویدیو هم چیز خاصی گفته نشده. ممنونم که پاسخگویی خوبی هم دارید
امیر بَزی مدرس دوره
سلام وقتتون بخیر
راحت ترین روش برای این کار به این صورته که اون فایلی که میخواین رو با زدن ctrl + c کپی کنید و توی فیگما با زدن ctrl + v پیست کنید
اگه بازهم مشکل داشتین احتمالا فرمت اون فایل مشکل داره و فیگما نمیتونه اون فرمت رو پشتیبانی کنه
hami
سلام و عرض ادب من شرمنده هستم از این گونه حرف زدنم ولی شما اگه زبان بلد بودید مشکلتون رو خودتون حل میکردین یه چیز پیش پا افتاده ای هستش
Mohammad
سلام وقت بخیر
یه سوال دارم قبل خرید
با فیگما فقط میشه ui زد یا کار فوتوشاپم انجام میده؟
امیر بَزی مدرس دوره
سلام وقتتون بخیر
بله فیگما به طور تخصصی برای طراحی محصول استفاده میشه ولی میشه کارهای دیگه هم باهاش انجام داد مثل طراحی کارت ویزیت و …
ولی فوتوشاپ روی کارهای گرافیکی مثل ادیت عکس و … تمرکز داره
Assadook دانشجوی دوره
ممنون از دوره خوبتون.
سوال: چطوری میتونم از پروتوتایپ هایی که با فیگما ساختم تو سایتم (سایتی که با html ساختم یا مثلا wordpress) استفاده کنم؟
امیر بَزی مدرس دوره
سلام اسدجان وقتت بخیر
متاسفانه فعلا این امکان وجود نداره.
mahdi.leo2014 دانشجوی دوره
کاش حداقل یدونه پروژه طراحی کامل سایت میزدید واقعا به دردمون بخوره
امیر بَزی مدرس دوره
سلام مهدی جان وقتت بخیر
این دوره فقط آموزش فیگما بوده و نمیشه توی این دوره طراحی یک سایت کامل رو آموزش داد چون برای طراحی سایت نیاز داریم که کلی اصول و قوانین رو یاد بگیریم که خودش نیازمند یک دوره جداست
reza1997rameh دانشجوی دوره
دوره فوق الاده آموزش فیگما
سپاس فراوان از آقای بزی، مدرس محترم دوره
تنها ایرادی که می شه گرفت نداشتن مدرک دوره هست.
mehrane.esmaili دانشجوی دوره
سلام وقتتون بخیر. فایل های اپ موبایل در فصل7 که در آموزش گفتید قرار دادم، کجا قرار دادید؟
امیر بَزی مدرس دوره
سلام مهرانه جان وقتت بخیر
فایل فصل ۷ رو میتونی از توی پخش کننده آنلاین دانشجویار دانلود کنی
توی قسمت آخر فصل ۷ میتونی پیدا کنی
amirbhz86 دانشجوی دوره
باسلام دوره مفیدی بود ولی کاش پروژه های بیشتری می زاشتین و کاملتر بود
امیر بَزی مدرس دوره
سلام امیر جان خیلی خوشحالم که دوره براتون مفید بوده
آره حتما تلاشمو میکنم اگه امکانش بود چند تمرین و پروژه به دوره اضافه کنم
فعلا اگه فکر میکنید نیاز به تمرین بیشتر داریدپیشنهاد میکنم از نمونه کارهای داخل dribbble کمک بگیرید
چند تا طرح رو انتخاب کنید و دقیقا شبیه طرح اصلی طراحی کنید تا مهارتتون افزایش پیدا کنه
zaminkeshtmohammad دانشجوی دوره
سلام، وقت شما بخیر
خیلی ممنون از دوره خوب و بروزتون که آپدیت های جدید فیگما رو هم پوشش میدین.
فقط اگر امکان وجود دارد برای سوالات و رفع اشکالات یک راه ارتباطی هم معرفی کنید.
باتشکر
امیر بَزی مدرس دوره
سلام محمد جان خیلی خوشحالم که دوره براتون مفید بوده
اگه سوالی هم داشتی خوشحال میشم توی تلگرام با هم گپ بزنیم
آيدی: Amiir_bazzii
foad.la110 دانشجوی دوره
سلام وقتتون بخیر
دوره واقعا مفید بود،ممنون از زحماتتون👌
لطف میکنید بفرمایید که چطور میشه از اعداد فارسی در فیگما استفاده کرد؟
امیر بَزی مدرس دوره
سلام وقتتون بخیر
اگه از ویندوز استفاده میکنید کافیه که زبان سیستم رو از فارسی به فارسی استاندارد تغییر بدین و از اعداد بالای کیبورد برای نوشتن اعداد فارسی استفاده کنید. فقط حواستون باشه که فقط با اعداد بالای کیبورد میشه فارسی نوشت و با اعداد سمت راست امکان فارسی نوشتن وجود نداره
و اگه از مک هم استفاده میکنید کافیه که زبان سیستم رو فارسی کنید و تمام
bestuser دانشجوی دوره
سلام استاد بزی
فایل وایرفریم تو کدوم جلسه هست چند تایی که ایمپورت کردم وایرفریم نداشتند لطفا راهنمایی کنید
bestuser دانشجوی دوره
سلام اگه ممکنه اسکرین شاتی از وایرفریم پروژه اپ موبایل اپلود کنید
متاسفانه چون این بخش تدریس نشده و فیل شکن مناسب پیدا نکردم ( زمان زیادی جهت فیلشکن تلف کردم) نتونستم فایل فیگما ایمپورت کنم
امیر بَزی مدرس دوره
سلام آقای اسدی روزتون بخیر
متاسفانه فایل وایرفریم ها به مشکل خورده و موقع ایمپورت فیگما ارور میده
برای تمرین بیشتر بهتون پیشنهاد میدم که خودتون از روی فایل پروژه وایرفریم رو طراحی کنید
bestuser دانشجوی دوره
سلام پیشنهاد خوبیه
پیش به سوی اجرا
امیر بَزی مدرس دوره
موفق باشید🥳
emran4000 دانشجوی دوره
سلام
وقت خیر
در نرم افزار فیگما قسمت پروتوتایپ ، برای من هیچ پرزنتی نشان داده نمیشه و تمام تغییرات و اعمال پروتوتایپ نمایان نمیشود. دقیقا هم مثل آموزشی که دادید تمامی موارد اعمال میشود ولی در قسمت پرزنت فقط یک صفحه سفید دیده میشود.
ممنون میشم راهنمایی بفرمائید.
امیر بَزی مدرس دوره
سلام خسته نباشید
اگه امکانش هست منو به پروژه فیگماتون اضافه کنید و تا بتونم دلیل این مشکل رو پیدا کنم
این هم ایمیل بنده: Amiirbazzii@gmail.com
emran4000 دانشجوی دوره
سلام و خسته نباشید
ضبط فصل 3 قسمت آخر (که مثال های کاربردی در مورد افکت ها هست) چه زمانی به اتمام میرسه؟ و قابل مشاهده خواهد بود؟
امیر بَزی مدرس دوره
سلام خسته نباشید
به دلیل یک سری از مشکلات متاسفانه این قسمت ضبط نشده و اگه مشکلی پیش نیاد تا حداکثر پایان هفته آینده این قسمت ضبط و آپلود میشه
egitiravan دانشجوی دوره
با سلام . به نسبت هزينه اي كه پرداخت كردم دوره خوبي بود. تشكر ميكنم.
امیر بَزی مدرس دوره
سلام خیلی خوشحالم که براتون مفید بوده 🥰
irantech.poshtibani دانشجوی دوره
در این دوره در مبحث ورینت ها اون قسمت که استاد میگن در قسمت پراپرتی 1 میتونین استایل هارو عوض کنین یا مثلا به حالت دیفالت برگردونین فکر میکنم تو آپدیت جدید فیگما حذف شده چون من اصلا پیداش نمیکنم اگر امکان داره راهنمایی کنید
امیر بَزی مدرس دوره
سلام نه هیچ تغییری این بخش نداشته
اگه هنوز هم نتونستی این مشکل رو حل کنی میتونی به من توی تلگرام پیام بدی تا مشکل رو حل کنیم
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
سلام خیر به دلیل اینکه الان در حال ضبط هستش هنوز قیمتی براش تعیین نشده