نرمافزار فیگما ماهانه بیش از 3 میلیون کاربر را جذب میکند. در حال حاضر بیش از 1 میلیون تیم از Figma برای فرآیندهای طراحی خود استفاده میکنند. با این وجود پایگاه کاربران فیگما از سال 2018 تا کنون بیش از 200 درصد رشد کرده است. این آمارها محبوبیت این نرم افزاری طراحی UI را بین افرد نشان میدهد. به همین دلیل طراحان بیشتر از همیشه مشتاق یادگیری آموزش نرم افزار فیگما هستند. در این بخش از دوره طراحی رابط کاربری آژانس نوآوری رسام قصد داریم آموزش فیگما رایگان را در اختیار شما همراهان عزیز قرار دهیم. پس از شما دعوت میکنیم تا پایان آموزش فیگما صفر تا صد ما را همراهی کنید.
تاریخچهای از نرمافزار فیگما
فیگما یک نرمافزار تحت وب وکتوری است که در سپتامبر 2017 توسط آقای دایلن فیلد و آقای ایوان بالاس به عنوان پروژه پژوهشی در دانشگاه براون آمریکا، آغاز شد. شرکت ادوبی قصد خرید این نرمافزار با 20 میلیارد دلار را داشت که این قرارداد بعد از مدتی فسخ شد.
این نرمافزار عمدتا برای طراحی رابط کاربری است اما برای موضوعات دیگر، مانند تصاویر محتوای شبکه احتماعی، بنر، داکیومنت آموزشی تحت وب، رزومه آنلاین و سایر موضوعات دیگر نیز مورد استفاده قرار میگیرد.

چرا فیگما برای UI بهترین است؟
نرمافزار فیگما تحت وب است. هر لحظه و هرکجای دنیا که باشید، با ورود به حساب فیگمای خودتان، به تمام پروژههای خود دسترسی دارید. البته فیگما یک نرمافزار دسکتاپی هم دارد اما همین نرمافزار هم از مرورگر و اینترنت استفاده میکند. نسخه رایگان این نرمافزار بسیار قدرتمند است. این نرمافزار به شما این امکان را میدهد که به صورت تیمی و همزمان با همتیمیهای خود، طراحی کنید. این قابلیت فیگما، واقعا لذت بخش است. بسیاری از افراد برای طراحی سایت و پیش نمایش کار از نرم افزار فیگما استفاده میکنند.
برخی قابلیتها مانند درج ویدئو، پروتوتایپ شرطی و چند موضوع دیگر، صرفا در نسخه حرفهای (پولی) نرمافزار هستند. شما در نسخه پولی هرچقدر بخواهید میتوانید تیم بسازید اما در نسخه رایگان صرفا 3 تیم میتوانید بسازید. اما باید این را گفت که نسخه رایگان آن نیز قدرت زیادی دارد و شاید همان نسخه رایگان، نیاز بخش قابل توجهی از طراحان، خصوصا افرادی که تازه آغاز کردهاند را پوشش میدهد.
دانلود نرمافزار و ثبتنام در فیگما
وارد سایت figma.com شوید و روی دکمه آبی Get Started کلیک کنید. پس از وارد کردن ایمیل و انتخاب یک رمز عبور درست و حسابی، لینک به ایمیل شما میآید و پس از کلیک کردن روی آن، حساب کاربری شما ساخته میشود.

برای دانلود فیگما وارد لینک figma.com/downloads شوید. نسخه دسکتاپ را مبتنی بر پلتفرم ویندوز یا مک، انتخاب و نصب کنید. همانطور که بیان شد، نسخه دسکتاپ هم از اینترنت استفاده میکند و عملا فرق زیادی با نسخه تحت وب ندارد. فقط یک نکته ریز هست که باید بدانیم. نسخه دسکتاپ فونتهای نصب شده داخل سیستم عامل را میشناسد. اما اگر از نسخه تحت وب استفاده کنید، باید حتما Font Installer مربوط به ویندوز یا مک را نصب کنید. از اپلیکیشن فیگما هم برای مدیریت و پرزنت پروژه استفاده میشود.
تجربه شخصی نصب فیگما
پیشنهاد میکنم از همان نسخه تحت وب استفاده کنید. همچنین برای اینکه این نسخه، فونتهای نصبی شما را هم درک کند، Font Installer در همین صفحه را نیز نصب کنید (حجم آن زیر 3 مگابایت است). برای نصب فونت در سیستمعامل نیز، همانطور که میدانید آنها را باید در پوشه فونت سیستمعامل خود، اضافه کنید و یا با کلیک راست، آنرا را install کنید.
فیگجم یا figjam چیست و به چه درد طراحان میخورد؟
نرمافزار فیگجم، فرزند و بخشی از نرمافزار فیگما هست. همین که داخل نرمافزار لاگین کنید، میتوانید هم دیزاین فایل فیگما بسازید و هم فایل فیگجم. کارایی فیگجم تمرکز روی طراحی غیر از ui دارد. مانند طراحی فرم پرسونا، اطلاعات مربوط به تستهای کاربردپذیری، جدول تحلیل رقبا، انواع چارت، انواع نمودار، Mind map و هرچیزی که برای مدیریت اطلاعات شماست. فیگجم تا حدودی رقیب نرمافزارهای تحت وبی مانند miro.com و whimscal.com است. (این دو نیز ابزارهای قدرتمندی هستند). ما در این 4 ویدئو صرفا فیگما را آموزش دادیم. البته آموزش فیگجم و طراحی userflow در آن را در جلسه دیگری آموزش دادهایم که در ادامه دوره با آن مواجه خواهید شد.
یک قدم تا طراحی حرفهای با آموزش نرم افزار فیگما
در این قسمت از آموزش طراحی رابط کاربری، دوره آموزش فیگما و متعلقات مربوط به این دانش مهم را توضیح دادیم. همچنین قصد داریم در پایان دوره آموزش طراحی سایت با فیگما را نیز در اختیار شما قرار دهیم. بدون شک داشتن نمونه کار با فیگما شانس شما را برای استخدام به عنوان یک طراح ui بیشتر میکند. خوشحال میشویم تجربیات خود را با ما به اشترک بگذارید. همچنین اگر سوالی در مورد این مبحث داشتید از بخش دیدگاهها، از متخصصین آژانس نوآوری رسام بپرسید. موفق باشید 😍
معرفی منابع و تمرین برای این جلسه
این جلسه ویدئوهای بیشتری دارد. بنابراین آنها را مشاهده کنید و تلاش کنید تمام کارهایی که در ویدئو انجام میشود را شما نیز انجام بدهید. قصد داریم خط خطی کنیم تا بیاموزیم. بنابراین سخت نگیرید. این جلسه مقاله خاصی لازم ندارد. همین ویدئوها مشاهده و تمرین بشود عالی است.
181 پاسخ
سلام
بابت این کار ارزشمندی که انجام میدید قدردان شما هستیم .
امکانش هست بررسی بفرمایید چرا فقط،ویدئوی اول نمایش داده میشه و بقیه ویدئوهای این قسمت ونمیشه دید ؟
ممنونم
درود بر شما دوست گرامی، وقت شما بخیر
ساعتی متاسفانه برای هاست ما مشکل رخ داده بود و ویدئوها نشان داده نمیشد. خوشبختانه برطرف شد.
موفق باشید.
سلام مجدد خدمت شما اقای حمداللهی من از قسمت کامیونیتی پکیج icosax رو پیدا کردم ولی برای دانلود به مشکل خوردم بلد نیستم دانلود کردنش رو.
ولی برای تمرین تونستم از آیکون استفاده کنم ولی موقع خروجی گرفتن بهم نشون نمیداد.
درود بر شما دوست گرامی، وقت شما بخیر
در صفحه دوره ما پروژه کامل رو گذاشتیم. آیکنها در آن فایل هم هست. از آنجا هم میتوانید کپی کنید.
موفق باشید.
سلام اقای حمداللهی عزیز ببخشید اون ایکون های اماده که تو ویدیوی پنجم استفاده کردین از کجا میشه دانلود کرد .
و اون دوتا برنامه که معرفی کردین خب نصب کنیم چه اتفاقی میوفته ؟
درود بر شما دوست گرامی، وقت شما بخیر
پکیج iconsax؟ الان سایتش فعال شده. در کامیونیتی فیگما هم الان هست. حتی قبلا پلاگین هم برایش ساخته بودند. اون دو نرمافزار برای این هستند که Thumbnail فایلهای svg و psd در سیستم عامل (مثلا ویندوز) دیده بشود قبل از اینکه بازشان بکنیم. نصب نکنید هم مشکلی رخ نمیدهد.
موفق باشید.
سلام خدا قوت
استاد سایت رسام طراحی کاربردی و همینطور جذابی دارد.(این را کسی می گوید که با سخت گیری تمام ویژگی ها ی سایت را بررسی کرده) ولی استاد یک مشکلی هست، اینکه وقتی فیلم ها روی حالت تمام صفحه می زنم ، دورتادور فیلم ناپدید می شود و مثلا در زمان پخش فیلم، موقعی که دارید مشخصات فیگما را توضیح می دهید، من نمی توانم آنها را ببینم به خاطر همین از حالت تمام صفحه خارج می شوم و گوشی ام را افقی می گیرم . این را می خواستم بگم چون سایت خیلی خوب ساخته شده دوست داشتم که بهتر بشود. ممنون
درود بر شما دوست گرامی، وقت شما بخیر
سپاس از لطف و همراهی شما. اگر مقدور بود به بنده بفرمائید که با چه device مشاهده فرمودید؟ تبلت بوده؟ البته در متن فرمودید گوشی. اگر مقدور بود نوع گوشی رو هم بفرمائید کمککننده است. با همان device هم چک خواهم کرد. بررسی میکنم و رفعاش میکنم.
موفق باشید.
البته استاد فکر کنم ایراد از گوشی ام هست چون مدل اش قدیمی است(سامسونگA11 است). و این مشکل فقط برای گوشی ام هست و در تبلت ام صفحه کامل می آید. ممنونم بایت پیگیری تان
سلام وقت تان بخیر.
خیلی ممنون استاد خیلی جامع و کامل توضیح می دهید. استاد من یک سوال دارم اینکه با گوشی هم می شود فیگما را کار کرد و طراحی داشت؟
درود بر شما دوست گرامی، وقت شما بخیر
سپاس از لطف و همراهی شما. با گوشی نمیتوان به سهولت کار کرد چون عملا در طراحی به ماوس نیاز داریم. بنابراین بهتر است با پیسی یا لپتاپ کار کنیم که بتوانیم تسلط به کار داشته باشیم.
موفق باشید.
سلام وقت بخیر بک گراند بلر هر کار میکنم اعمال نمیشه. آرجین که گفتید برای اهرام چرخش استفاده میشه نگفتید باید از کجا بیاریمش
درود بر شما دوست گرامی، وقت شما بخیر
برای اینکه background blue کار کند باید زمینه سفید بدهید و مقدار opacity را مثلا بین 20 الی 30 درصد بگذارید. خود مقدار background blur را نیز زیاد کنید. مثلا 30. بعد فریم یا rectangle که این افکت رو براش ساختید، بندازید روی تصویر مدنظر. در خصوص origin قبلش نشون نمیده. اما همین که ماوس را به یکی از چهار گوشه اطراف ببرید، یکم که تکون بدید اون مقدار آنکر میاد و بعد میتونید منتقلش کنید.
موفق باشید.
سلام خسته نباشید.تمرینات رو کجا گذاشتین؟ و اینکه کاش میشد یه پروژه رو صفر تا صد انجام بدید
درود بر شما دوست گرامی، وقت شما بخیر
از کجا میدانید انجام ندادیم؟ همه دوره را که ندیدید. ما یک پروژه را جلسه به جلسه تکمیل کردیم. تمرینات در جلسات ux در زیر هر جلسه نوشته شده است. در بخش ui هم، هر جلسه در ویدئو بیان کردیم که چه کاری بایستی برای تمرین انجام بشه.
موفق باشید.
سلام استاد تشکر بابت دوره خفنتون
من یه مشکلی که داشتم ایتما توی فیگما راست کلیک میکنم روشون گزینه دیلیت نداره و باید از دکمه کیبردم استفاده کنم دلیلش چیه گزینه دیلیت نیستش کلا میشه برش گردوند؟
من عادت کردم اینجوری ایتما رو دیلیت میکنم
درود بر شما دوست گرامی، وقت شما بخیر
سپاسگزارم از لطف و همراهی شما. بله درست فرمودید به نظر این گزینه رو نداره اصلا. منم توی کلیک راست ندیدمش. در تنظیماتش هم چیزی رو نیافتم که بتوان آن را فعال و یا غیرفعال کرد.
موفق باشید.
سلام
منظور بنده فایل جزوه نبود، منظورم همین فایل فیگما هست که داخلش دارید بهمون اپدیت های جدید فیگما رو اموزش میدید (در اخرین ویدیو)
درود بر شما دوست گرامی، وقت شما بخیر
ما به جز فایل فیگجم همه چیز رو درج کردیم. فایل فیگما پروژه در صفحه دوره لینک شده. توی ویدئو آخر فقط از یک فایل دیگر هم صحبت کردیم که شاید منظور شما به اون فایل باشه که پیج یوتیوب و اکانت کامیونیتیاش رو معرفی کردم. در آنجا هست. این لینک پروفایلاش در کامیونیتی فیگما: figma.com/@tdsunshine
موفق باشید.
سلام وقت بخیر
استاد میشه فایل تمرینی رو هم بارگذاری کنید
درود بر شما دوست گرامی، وقت شما بخیر
فایل کامل پروژه در صفحه معرفی دوره و مستندات آموزشی در جلسه اول دوره درج شده است.
موفق باشید.
سلام وقتتون بخیر ، خیلی ممنون بابت زحماتی که میکشید.
دوتا سوالی داشتم. من میخوام رابط کاربری موبایل رو طراحی کنم، آیا نیازه که از مردم مصاحبه بگیرم یا بخوام نظرسنجی درختی درست کنم؟ چون این پروژه میخواد اولین پروژه خودم باشه و شخصیه تهش بخوام توی یوتیوب تیزر رو پخش کنم.
دومین سوالم اینه که برای این پروژه نیازه که از figjam استفاده کنم؟ مثلا از user flow استفاده کنم؟
درود بر شما دوست گرامی، وقت شما بخیر
سپاسگزارم از لطف و همراهی شما. ببینید قاعدتا این موارد برای همه پروژهها لازم است. ولی با توجه به اینکه پروژه شخص خودتان هست و خب هیچ کس بهتر از شما نمیداند که چه چیزی میخواهید. بنابراین چون خودتان برای خودتان دارید طراحی میکنید (چون کافرما خودتان هستید) بنابراین خب میشه از برخی چیز صرفنظر کرد. قاعدتا مواردی که نام بردید لازمه اما اگر در شروع کار هستید و میخواهید نمونهکار بسازید میشه ابتدا برای این پروژهها میتوانید ui بزنید و به نتیجه برسانید. بعدا که نمونهکارهای خود را زیاد کردید دیگه برای مشتری که کارفرما دارد، آنجا باید کامل پیش برد. سعی کنید بعدا کیس استادی هم طراحی کنید تا نمونهکارهای فراتر از ui هم ساخته باشید.
موفق باشید.
سلام استاد ممنون از محتوای عالیی ک درست کردین. توی ویدیوی اخر در مورد آپدیت های فیگما یه قسمتی رو توی درا و طراحی داشتین توضیح میدادین. اینکه برای چرخش یه آبجکت میتونیم گیره بهش بدیم و آبجکتو حول اون محور بچرخونیم اما من متوجه نشدم شما چ گزینه یی رو زدین و الان پیداش نمیکنم میشه لطفا بگین چی رو باید بزنیم
درود بر شما دوست گرامی، وقت شما بخیر
سپاسگزارم از لطف و همراهی شما. متوجه نشدم کجا رو فرمودید. اگر خواستید ویدئو و دقیقه آن را بگید من بررسی میکنم و عرض میکنم.
موفق باشید.
خیلی ممنون از آموزشهاتون واقعا.
استاد ممنون میشم بگین چطور میتونم اکانت اجوکیشن داشته باشم. کلی اطلاعات میخواد برای وریفای کردن.
درود بر شما دوست گرامی، وقت شما بخیر
سپاسگزارم از لطف و همراهی شما. من در ویدئوهای همین جلسه توضیحاتی در خصوص تهیه اکانت آموزشی بیان کردم اما اخیرا یکم تغییر هم کرده و سختگیرانهتر شده. در واقع باید یا بهش ثابت کنید که مدرس هستید (با آپلود سرفصل و…) و یا با معرفی دوره آموزشی و… بهش بگید که دانشجو هستید که براتون فعالش کنه در واقع. اخیرا هم سخاوت قبل رو دیگه نداره و خیلی از چیزها که پولی هستن رو در نسخه پریمیوم میاره و در نسخه آموزشی محدوده. مثلا هوش مصنوعی مربوط به دیزاین و…
موفق باشید.
سلام و خسته نباشید
ممنون ار اموزش خوبتون. میخواستم بدونم برای طراح سایت شدن فقط یادگیری این آموزشها و نرمافزار فیگما کافیه؟ یا اگر نیست چه مهارتهای دیگری لازمه
درود بر شما دوست گرامی، وقت شما بخیر
واژه “طراحی سایت” خیلی کلی هست و گاهی برای چند شغل این عبارت به کار میرود. توی ایران بیشتر این عبارت رو به کارشناسان وردپرس میگن. اما خب به طراحان رابط کاربری و حتی گاهی به برنامهنویسان فرانت هم این عبارت گفته میشه. یا برخی مواقع این عبارت برای افرادی به کار میرود که ترکیبی از تخصصهای مذکور را دارد. بنابراین یکم این موضوع وابسته است به اینکه چه کاری میخواهید انجام بدهید. اگر هدف دانش ui/ux هست شما حتما باید فیگما را مسلط باشید. البته خب فیگما بههرحال صرفا ابزار هست و باید مهارتهای مربوط به ui/ux را نیز کار بکنید. مثلا در ui مواردی مثل رنگ، تایپوگرافی، گریدسیستم، فاصلهگذاری، دیزاین سیستم و… اینها مهارتهای ui هستند که ما باید صرفنظر از ابزار فیگما، آنها را بدانیم. اگر هدفتان ui/ux هست ابتدا کل این دوره را مشاهده کنید و تمرین کنید. بعد در جلسه آخر دوره و محتواهای دیگری را نیز معرفی کردم. آنها را نیز بررسی کنید. اگر هم هدف شما وردپرس است، باز هم این دوره را ببینید و بعد دوره وردپرس را مشاهده بفرمائید. حتی اگر بخواهید برنامهنویس وب بشوید، باز دیدن یک دوره رایگان از ui/ux به عنوان سافت اسکیل یا مهارت نرم، مفید و ارزشمند است.
موفق باشید.
من طراح ارشد و مدرس گرافیک هستم.
بسیار لذت بردم از نوع آموزش شما. چقدر اصولی و حرفه ای آموزش میدین. واقعا بک معلم عالی هستید.
برای اولین بار هست میبینم کسی بهتر از خودم آموزش میده
درود بر شما دوست گرامی، وقت شما بخیر
سپاسگزارم از لطف و مهربانی شما معلم عزیز. خوشحالم اگر رضایت بزرگانی چون شما را به همراه داشته باشد دوره ما. ارادتمندم.
موفق باشید.
استاد عاشق تدریس شما و امکانات فیگما شدم
جسارتا اونجا که یه مستطیل ایجاد میکنیم و از روش کنترل دی را میزنیم برای کپی گرفتن و بعد گفتین برای اینک مثلا 40 پیکسل فاصله بدیم شیفت را میگیریم با دکمه های جهت. منظورتون از دکمه های جهت چیه؟ من رو کیبورد چهار تا دکمه ای ک کنار اعداد هستند را میزنم اتفاقی نمیافتد. گفتین دکمه های Arrow Key کدوم هستند.
درود بر شما دوست گرامی. وقت شما بخیر
سپاس از لطف و همراهی و مهربانی شما. بله درست فرمودید. Arrow Key ها در واقع همان دکمههای جهتنمای سمت راست کیبورد منظورم بود. وقتی مثلا دکمه شیفت و دکمه جهت سمت راست را بگیریم (به شرطی که عنصر مدنظر در فیگما، در حالت انتخاب باشد) میتوانیم 10 پیکسل 10 پیکسل آنها را به سمت راست منتقل کنیم که خود این عدد 10 هم قابل تغییر است در تنظیمات نرمافزار. اگر دکمه شیفت گرفته نشود و صرفا از جهتنماها استفاده کنیم، یک پیکسل یک پیکسل منتقل میشوند.
موفق باشید.
سلام وقتتون بخیر ممنونم از آموزش کامل شما و خسته نباشید میگم خدمتتون میشه لطفا بفرمایید figma draw از کجا وارد میشید؟
درود بر شما دوست گرامی. وقت شما بخیر.
سپاس از شما. پائین وسط، یک تولباکس هست که سمت راست سه دکمه نزدیک به یکدیگر دارد. (dev mode, design, draw) سومی از راست، همان figma draw هستش. در ویدئو ششم (سی و نه دقیقهای) این ابزار را آموزش دادیم.
موفق باشید.
استاد جان خسته نباشید
ببخشید من وقتی یه متن داخل کادر مینویسم و رنگ هم داخل کادر میزنم، رنگها رو میزنم اون قسمت که میشه دسترسی پذیری رو دید نداره.
درود بر شما دوست گرامی. وقت شما بخیر
زیر علامت ضربدر که برای بسته شدن آن پنجره هست، یک آیکن دایرهای قرار دارد. اون باید در حالت فعال باشد.
موفق باشید.
درود مجدد استاد خسته نباشید استاد قسمت اخر این جلسه figma draw برام باز نمیشه سرچ کردم figma draw ولی خیلی صبر کردم باز بشه نشد.. نمیدونم مشکل اینترنت داره یا چی ولی بنظرتون راه دیگه ای هست؟
درود بر شما. وقت شما بخیر
من تست کردم مشکلی نداشت خوشبختانه. باز شد figma draw.
موفق باشید.
درود مجدد نصبش کردم حالا باید درج کنم در فونت سیستم یا خودش انجام میشه ؟
درود بر شما. وقت شما بخیر
من توی همین جلسه هم نصب ویدئویی فونت رو توضیح دادم. وقتی نصب بشه فونت و اون نرمافزاری که در کامنت قبل توضیح دادم هم نصب باشه دیگه خودش می شناسه.
موفق باشید.
درود مجدد درباره فونت ها که گفتین رو سیستمه باید بریم تو خود فیگما تنظیماتش درگ کنیم؟! اینجاشو کامل متوجه نشدم.
درود بر شما. وقت شما بخیر
نه همین که داخل پوشه فونت سیستم بریزید، درست میشود. حتما باید نرم افزار font installer فیگما هم نصب باشه که از figma.com/downloads قابل نصب است.
موفق باشید.
سلام و وقت بخیر مجدد. استاد عزیز در ویدئوی پنجم دقیقه 14 برای یه تکه کردن طبق آموش شما دوتا فریم دایره و مستطیل کشیدم ولی وقتی یه تکه میکنم شیپ مستطیلم میپره. فرقی هم نداره اول دایره رو ترسیم کنم یا مستطیل رو. بارها تکرار کردم ولی مستطیل میپره. شایدم نمیپره ولی من نمیبینمش. در قسمت لایه ها هم مینویسه union . ممنون میشم راهنمایی کنید چه اتفاقی افتاده
درود بر شما. وقت شما بخیر
فرمودید دو فریم کشیده شده. برای ترکیب shape ها فریم رو نمیشه به کار برد. از مثلث، دایره و مستطیل (Rectangle) و… استفاده بفرمائید مشکل برطرف خواهد شد.
موفق باشید.
سلام. وقت بخیر. یه تشکر خیلی ویژه دارم ازتون برای آموزشهای بینظیرتون. برای منی که هزینه و وقت کلاسها برام یه دغدغهست خیلی ارزشمنده و واقعاً تلاش و وقتی که میذارین رو ستایش میکنم.
یه سوال دارم. طبق آموزش کلیپ پنجم، چندتا فریم ساختم و در چند ردیف و ستون کپی کردم و فاصله هاشونو تنظیم کردم (درجهت افقی و عمودی) و هر سطر با یه رنگ، یه دونهشو رنگ متفاوت دارم ولی میخوام توی همون محدوده جاشو تغییر بدم نمیتونم و خودکار تنظیم نمیشه. اونطوری که توی آموزشتون هست نمیشه. میاد همانجایی میشینه که رهاش کردم. چطور باید کاری که شما انجام دادین رو انجام بدم؟
درود بر شما دوست گرامی، وقت شما بخیر
سپاسگزارم از لطف و مهربانی و همراهی شما. برای اینکه عناصر (فریمها) را به طرقی که فرمودید، مرتب کنید، آنها را drag کنید زمانی که کنار هم هستند (فرض کنیم که چند آیتم افقی در کنار هم هستند اما میتواند افقی، عمودی و یا همزمان هر دو هم باشد). بعد باید Tidy Up رو با دکمههای ctrl + shift + alt + T در زمانی که آن فریمها در حالت انتخاب بودند، بزنید. اینطوری میتوان آنها را به طریقی که در ویدئو هم مشاهده فرمودید، مرتب کنید. اگر هم به هر دلیل نتوانستید مهم نیست، جلوتر بارها از آن استفاده خواهیم کرد.
موفق باشید.
درود مجدد ویدیو سوم دقیقه 8:55 استاندارد AA رو نشون میده برا شما برای من نیست آیا افزونه چیزی هست؟ چجوری نصب کنیم؟
درود بر شما. وقت شما بخیر
زیر علامت ضربدر که برای بسته شدن آن پنجره هست، یک آیکن دایرهای قرار دارد. اون باید در حالت فعال باشد.
موفق باشید.
سلام و تشکر فراوان. من توی Figjam یک فلو طراحی کردم. چندتاش رو سلکت کردم که خروجی فقط از قسمت سلکت شده بگیرم، نمیدونم چی شد که نوشته های داخل Shape ها (مستطیل ها) پنهان شد 😉 در حالت عادی نوشته ها دیده نمی شه ولی وقتی روی هرکدوم کلیک می کنم نوشته ها دیده میشه. متاسفانه وقتی ری لود می کنم دوباره پنهان میشه. لطفا راهنمایی بفرمایید!
درود بر شما. وقت شما بخیر
سپاس از شما. ممکن است برخی لایهها صرفا روی عناصر افتاده باشند و موقع drag کردن، select نشده باشند. روی نواحی مدنظر برای خروجی میتوانیم کلیک راست کنیم و export selection رو بزنیم و فرمت مدنظر را انتخاب و خروجی بگیریم. اگر به هر دلیل با این روش، به آنچه مدنظر است نرسیدید در همان کلیک راست گزینهای هم تحت عنوان copy as png وجود دارد که به این صورت از محتوای select شده یک کپی با فرمت png در clipboard شما ذخیره میکند که میتوان آن را در سوشال مدیا، نرمافزارهای داخل سیستم عامل و… paste کرد.
موفق باشید.
باسلام نمیدونم چرا دکمه های پرانتز رو ک میزنم جابجا نمیشه و کار نمیکنه شورتکات جلو یا عقب بردن سوژه . هم زبان فارسی هم انگلیسی امتحان کردم نشد.
درود بر شما. وقت شما بخیر
این گزینه در کلیک راست هم هست. موقع بالا و پائین بردن، باید لایه مدنظر هم در حالت انتخاب باشد. همچنین دکمه های ctrl + shift + Alt هم لازم نیستند. صرفا همان بریس باز و بسته یعنی [ و ] کفایت میکند.
موفق باشید.
سلام خدمت شما.
من توی زمینه برنامه نوسی کار میکنم و الان وارد حوزه طراحی وب شدم و میخواهم هم توی بکاند و هم فرانتاند ورود پیدا کنم و برای همین وارد این دوره شدم. میخوستم بدونم برای ادامه فرانتاند، اول وردپرس رو یاد بگیرم بعد HTML/CSS/JS یا باید عکس این رو انجام بدم؟
درود بر شما عرفان جان. وقت شما بخیر
با این اوصاف Hard Skill یا همان مهارت اصلی شما برنامهنویسی است. بنابراین موضوعاتی مثل wordpress و ui/ux برای شما Soft Skill یا مهارت نرم هستند. پس ابتدا html/css و javascript و سپس زبان برنامه نویسی مدنظر خودتان در backend مثلا یکی از زبانهای php یا javascript (NodeJS) و یا python رو ادامه بدهید. بعد از آن اگر خواستید یک دوره صرفا از وردپرس و ui/ux به عنوان مهارت نرم ببینید که آشنا باشید. اما خب اوج وقت و تمرکز شما باید روی برنامهنویسی باشد که به هدف اصلی خودتان برسید.
موفق باشید.
سلام خدا قوت
من موفق نمیشم shape rectangle رو تغییر بدم اون قسمت که پایینش رو گرد کردید رو میشه دقیقتر بگید متشکرم
درود بر شما. وقت شما بخیر
کلا برای shape ها اگر انحنای دقیق مدنظر داریم که با radius میشه هر 4 طرف آن را اعمال کرد. اما اگر قصد تغییر شغل آن را دارید، زمانی که shape در حالت انتخاب هست روی حاشیه آن دوبار کلیک کنید تا بتوانید هندلرهای آن را انتخاب و تغییر بدهید. زمانی که shape در حالت انتخاب است، با زدن دکمه enter هم میتوانید این کار را انجام بدهید.
موفق باشید.
سلام استاد خسته نباشید و ممنون بابت محتوای خوب و کاملتون
درود بر شما دوست گرامی. وقت شما بخیر
سپاسگزارم از لطف و مهربانی و همراهی شما. شاد و سلامت باشید همیشه.
موفق باشید.
سلام استاد وقتتون بخیر خسته نباشید میخواستم بگم که من از پلاگین color scale generator استفاده کردم چند روز پیش الان هر چقدر توی پلاگین فیگما سرچ میکنم نمیاد چیگاری باید انجام بدم ممنونم از راهنماییتون
درود بر شما آناهیتا جان. وقت شما بخیر
من همین الان همین پلاگین رو بررسی کردم مشکلی نبود. تعداد پلاگین زیاده و گاهی ممکنه توی لیست بره پائینتر. چون در گذر زمان موارد جدید هم ساخته میشه. پلاگین هم برای این موضوع زیاده و از پلاگینهای دیگر هم میشه استفاده کرد.
موفق باشید.
سلام وقت بخیر و ممنون از تدریس عالیتون
درمورد قسمت preview وقتی میزنیم پیش نمایش کل صفحه را باید نمایش بدهد؟ چون من وقتی این گزینه رو میزنم مثلا یک فریم خاص یا بعضی مواقع چند تا از عناصری که در صفحه گذاشتم رو بصورت صفحهای نشان میدهد میخواستم بدونم مشکل کجاست؟
درود بر شما مهرناز جان. وقت شما بخیر
برای اینکه این مشکل رخ ندهد، بایستی Flow بسازید. بالای تب پروتوتایپ، به ساخت Flow دسترسی دارید. اینطوری پروژه از همانجایی که Flow ساختید، شروع میشود و مشکل مطرح شده، رخ نخواهد داد.
موفق باشید.
خسته نباشید، سطح آموزش ها و تدریستون بسیارعالیه، واقعا دست مریزاد و خدا قوت، ممنونم ازتون
درود بر شما عرفان جان. وقت شما بخیر
سپاسگزارم از لطف و همراهی و مهربانی شما. شاد و سلامت باشید همیشه.
موفق باشید.
سلام آقای حمداللهی
من 11 جلسه از ویدیو های دوره ui/ux رو دیدم که واقعا به بهترین شکل و بهترین نحوه توضیح دادین. خواستم تشکر کنم اول ازتون و اینکه در ادامه اگر بخوایم در این زمینه آموزش ببنیم و پشتیبان داشته باشیم کجا رو پیشنهاد و معرفی میکنید؟
درود بر شما. وقت بخیر
سپاس از لطف و مهربان و همراهی شما. من جلسه آخر، آموزشهای بیشتر و دوره، معرفی کردهام.
موفق باشید.
سلام آقای حمداللهی وقت بهخیر
اول ممنون که زود به سوالات پاسخ میدین خیلی با ارزشه و اینکه آقای حمداللهی من هرکاری میکنم فریم نمیکشه چیکار کنم😐 یعنی دفعه اول که رفتم یدونه کشید و دیگه هرکاری میکردم فریم بیشتری نمیکشید
اون یدونه رو پاک کردم بعد الان هرکاری میکنم فریم نمیکشه. انگار که موس رو دارم تو صفحه دسکتاپ نگه میدارم و میکشم. خطش مشخص میشه وقتی میکشم ولی وقتی کلیک رو ول میکنم تا کشیده بشه هیچی به هیچی. چیکار کنم؟
درود بر شما. وقت بخیر
اطمینان دارید که موقع drag کردن برای کشیدن فریم، خود ابزار فریم فعال است؟ چون خودم هم گاهی دچار این اشتباه میشوم. مثلا موقع کشیدن فریم ممکن است ابزار فریم فعال نباشد و زمانی که ابزار Move فعال است، drag کنم. باکس اطراف میآید اما فریم ایجاد نمیشود. بعد که دکمه F را میزنیم ابزار فریم فعال شده و میتوانیم فریم بکشیم. چون رسم فریم در فیگما چیزی غیر از این نیست. یا باید دکمه F را بزنیم و یا از ابزار پائین نرمافزار، با ماوس کلیک کنیم و آن را انتخاب کنیم و سپس روی صفحه فریم بکشیم.
موفق باشید.
سلام من نمیتونم خروجی بگیرم چه با فرمت عکس چه پی دی اف نمیشه و کنار خیلی از وکتور هت و فریم ها نوشته که origin not aligned to pixels
درود بر شما. وقت بخیر
این خطا زمانی رخ میده که موقعیت یا اندازهی لایهای که میخواهید خروجی بگیرید، دقیقاً روی پیکسلها قرار نگرفته است. یعنی مختصات یا ابعادش شامل اعشار هست و روی شبکهی پیکسلی snap نشده. بهنظرم Snap to Pixel Grid رو غیرفعال کردید. فعالش کنید. زیر دکمه share یک فلش هست. روی اون بزنید از اونجا میتونید فعالش کنید.
موفق باشید.
سلام و وقت بخیر خدمت استاد گرامی
توی قسمت قرار دادن عکس به عنوان بک گراند فریم، وقتی به یه فریم مثلا 2890*1440 یه عکس به عنوان بک گراند اضافه میکنیم ، توی قسمت run فقط تیکه بالایی عکس میاد ولی فریمها بدون مشکل به پایین و بالا اسکرول میشن. اشکال کار من کجاست؟
درود بر شما محمد جان. وقت بخیر
گاهی ممکن است تصویر کوچکتر از اندازه فریمی که داریم باشد. ببینید اینطور هست یا خیر. اگر به هر دلیل دیدید که آن طوری که میخواهید شکل نمیگیره، شما همان فریم رو بهش یک Fill بدهید که رنگ بگیره. بعد از همان جا Fill رو همانطور که در ویدئو مشاهده فرمودی، میشه تبدیل به بکگراند تصویری کرد. (همانجایی رو میگویم که میشه گرادیانت هم داد). اونجا عکس رو انتخاب بفرما که بیاد و در زمینه فریم شما قرار بگیره.
موفق باشید.
سلام و عرض ادب
استاد در مرحله یادگیری فضای فیگما بعضی مفاهیم جزئی رو که میفرمایید خیلی خوب متوجه اش نمی شم لازمه که روی آن متمرکز بشم و یادش بگیرم یا اینکه به مرور زمان و درطول انجام پروژه هم می شود به این نوع مباحث مسلط شد؟؟
درود بر شما امین جان. وقت بخیر
اشکالی ندارد. هم سوال از علم خیزد هم جواب. بپرس ما به آن حتما پاسخ میدهیم عزیزم. بدیهی است که اگر جلسات را هم جلو بروی، قطعا برخی مباحث مجدد تکرار میشود و قطعا با آنها مواجه میشوی. اما اگر دوست داشتی همین جا نقد بپرس. نهایتاً اگر موضوع در متن قابل بیان نبود، من خواهم گفت که آن مطلب در کدام بخش از سایت مطرح شده و یا به طرقی دیگر، منابع مضاف بر آن، به شما معرفی خواهم کرد.
موفق باشید.
سلام و عرض ادب
استاد با استفاده از اکانت رایگان گفتید که می شود پروژه های ایرانی رو درست کرد ولی من هدفم بازار های جهانی و کسب درآمد دلاری بود آیا به نظرشما با اکانت رایگان میشه به این اهداف رسید؟
درود بر شما امین جان. وقت بخیر
حتی برای برخی پروژههای داخل ایران هم ممکن است اکانت پرو لازم بشود. اما در شروط کار چه داخل و چه خارج از ایران، تا مدتی (مثلا یکسال) این موضوع بعید است. بنابراین ابتدا نسخه رایگان رو کامل بیاموزید. قسمتهای پرو هم که میتوانید نسخه Education بگیرید. توی ویدئوهای این جلسه توضیح دادم. در این نسخه میتوان دو سال رایگان، به امکانات نسخه پولی (صرفا برای یادگیری و یا تدریس) میشه دسترسی داشت. بعد از این مراحل اگر لازمتون شد نسخه پرو را بخرید.
موفق باشید.
سلام استاد. وقتتون بخیر
من چندسال فرانت کار کردم و ریاکت. به دلایلی از کار دور شدم و چندسالی کار نکردم و طبق شرایطم (داشتن فرزند) نیاز دارم یه شغلی با درگیری ذهنی کمتری داشته باشم و تصمیم گرفتم وارد حوزه ui بشم و جلسات مفید این دوره رو که شما زحمت کشیدید تا ۲۰ جلسه خوندم. مخصوصا از قسمت کامپوننت به بعد بخاطر ربطش به ریاکت تونستم ارتباط بگیرم با این حوزه. اما همچنان علاقه زیادی به فرانت دارم و انگار بخشی از ذهنم اونجا مونده. با توجه به اینکه شما تو حوزه فرانت هم تخصص دارید خواستم ازتون مشورت بگیرم. به نظر شما میشه همزمان تو ui و فرانت کار کرد؟ یا بهتره تو یه تخصص کار کرد؟ و آیا شما هم حس می کنید که چالش های ذهنی فرانت نسبت به ui بیشتره؟ و اصلا ارزش داره دوباره یکسالی وقت برای مهارت جدید بذارم ؟
تشکر، ببخشید طولانی شد
ممنون از آموزش مفیدتون
درود بر شما. وقت بخیر
تبریک به شما فائزه جان. اینکه در مقوله front قوی شدید و خصوصاً فریمورکهای حرفهای مانند React رو مسلط شدید واقعا عالی هست. از نظر پیچیدگی، خب هر دو شخص پیچیدگی و سختیهای خاص خود را دارند. میشه در هر دو مقوله هم کار کرد اما خب عملا این موضوع باعث میشود روی دو موضوع (شغل) تمرکز کنیم و این کمی سرعت پیشرفت را کم میکند. البته به هرحال این موضوع در کنار بدیهایش، خوبیهایی هم به دنبال دارد و چه بسا باعث بشود تنوع و تعداد پروژه بیشتری رو بگیرید. مثلا خودم در زمینه وردپرس و ui/ux فعالیت میکنم. پیشنهاد میکنم حتما ادامه دوره را ببینید. خصوصا اینکه محتوا اخیرا بروز شده و حتما اگر قدیمیها رو دیدید، موارد جدید را هم مشاهده کنید. راستش رو بخواهید منم به شخصه معتقدم فرانت کمی سختتر هست. اما منطقی به قضیه نگاه کنیم، این قیاس من صحیح نیست. چون عملا هر کدام مشکلات و سختیهایی دارند و شاید اصلا مقایسه کردن این دو تخصص از نظر سختی، خیلی صحیح نباشد. ولی دروغ چرا. منم این حس رو دارم.
خصوصا توی این 8 سالی که سابقه تدریس داشتم، تعداد دخترها در تخصص uiux بیشتره تا برنامهنویسی. البته دخترا در برنامهنویسی هم عالی و قوی هستن. اما انگار uiux رو بیشتر دوست دارند اغلب. من خودم به شخصه معتقدم اگر کسی برنامهنویس حرفهای باشد یا uiux حرفهای باشد، در هر دو صورت، میتواند سرش به شدت شلوغ باشد. داشتن دغدغههایی مثل داشتن فرزند، متاهل بودن و یا مسئولیتهای بزرگ این چنینی که همه میدانیم که سخت هستن، اما باز هم لزوماً با اضافه کردن یک شغل جدید، باعث آسانتر شدن و روانتر شدن کار ما نمیشود به نظرم. چون حتی یکی از این مشاغل رو هم دنبال کنیم، پروژهها که زیاد باشد عملاً بازهم سرمان شلوغ خواهد بود. اگر دو شغل بشود که لزوماً باعث کمتر شدن مشغله ما نخواهد شد.
امیدوارم عالی و سلامت باشید و خوب پیش ببرید هر آنچه خواستید رو.
موفق باشید.
سلام استاد گرامی
ممنونم از لطف شما برای تدریسهای عالی که رایگان در اختیار همه قرار میدین.
یه سوال داشتم از خدمتتون اینکه الان در شرایط جنگی که به نت دسترسی نیست چطور به فیگما دسترسی پیدا کنیم؟ برای من اصلا سایت فیگما و حتی برنامهاش بالا نمیاد.
میشه راهنماییم کنید
ممنونم
درود بر شما. وقت بخیر
من امروز هم با vpn رایگانی که از گوگل کروم نصب میشه، هم با vpn پولی (با ADSL بی کیفیت مخابرات) تونستم بازش کنم. به نظرم اینطور که مسئولین گفتند، بهتر خواهد شد.
موفق باشید.
سلام استاد، خسته نباشید ببخشید فیگما اصلا باز نمیشه باید از فیلترشکن استفاده کرد؟بنظرتون کی درست میشه؟
درود بر شما. وقت بخیر
به دلیل اختلالات اخیر اینترنت هست. امروز با vpn باز میشد. به نظرم به زودی برطرف بشود براساس آنچه که مسئولین و متولیان اینترنت کشور امروز بیان کردند.
موفق باشید.
سلام و وقت بخیر استاد
با توجه به اینکه در حال حاضر نت خرابه و وضعیت فیگما به زور هم باز نمیشه نظرتون از اینکه با ابزار های مشابه آفلاین مثل XD بخوایم تمرین کنیم یا کار کنیم نظرتون چیه؟
درود بر شما. وقت بخیر
واقعا شرایط فعلی نامشخص هست. نمیدانم که چطور پیش خواهد رفت. امیدوارم زودتر حل بشود و مردم ما پیروز و سلامت باشند. میتوان ابزارهای جایگزین مانند pixso.net هم تست کرد یا نرمافزارهای لوکال که نام بردید و…
موفق باشید.
با سلام
استاد عزیز من به توصیه یکی از اساتید دیگه که اصرار داشتند حتما ویدیوهای آموزشی شما رو در این خصوص ببینم وارد سایت شما شدم و باید بگم که روش تدریس و مباحث دوره واقعا سورپرایزم کرد فکر نمیکردم که اینقدر همه چیز بینظیر و پرمحتوا باشه و از همه قشنگتر اینکه اجازه دسترسی رایگان برای علاقهمندان گذاشتید که این خودش جای تقدیر و تشکر فراوان داره. واقعا از شما ممنونم استاد و علاوه بر دیدن و تمرین همهی بخشهای دوره از این به بعد فالور شما توی این سایت و فضای مجازی خواهم بود.
با تشکر و قدردانی فراوان
درود بر شما. وقت بخیر
از لطف و مهربانی شما بسیار سپاسگزارم عزیزم. امیدوارم در حوزه ui/ux نتایج بسیار ارزشمندی بگیرید. امیدوارم محتوای مجموعه ما بتواند مفید واقع بشود. بسیار پیام شما ارزشمند و دلگرمکننده بود.
سپاس از پرُمهری شما. ارادتمندم. موفق باشید.
سلام وقت بخیر
مرسی بابت دوره خفنتون، واقعا بهمون کمک کرد. آیا میشه این متنایی که تو وبسایت گذاشتین رو هم در قالب یه جزوهای چیزی در اختیارمون بزارید؟
درود بر شما. وقت بخیر
بله دوره که تکمیل بشود درج خواهم کرد. داخل هر جلسه هم به صورت متنی محتوای بیشتری نوشتهایم.
موفق باشید.
سلام استاد خداقوت
برای کپی کردن فریم با فاصله مشخص از فریم اصلی توسط Ctrl+D دچار مشکل شدم. یعنی به محض کپی به این روش فریم کپی شده روی فریم اصلی قرار میگیره و اصلا مثل شما فریمهای کپی شده با فاصله مشخص از هم قرار نمیگیرند و همگی روی فریم دوم که کپی شده فریم توله قرار میگیرند!
برای جلوگیری از paste in place و ایجاد فاصله بین فریمهای کپی شده با Ctrl+D چه کار باید کرد؟
درود بر شما. وقت بحیر
زمانی که یک کپی گرفتید و paste in place شد، دومی رو خودتون دستی بکشید به سمت راست یا چپ یا هر جهتی که خواستید، و بعد ctrl + D را بزنید که با همان الگوی جا به جا شدن، بعدی ها را بسازد.
موفق باشید.
سلام آقای حمداللهی
واقعا ممنون بابت نشر این محتوای رایگان و بروز، واقعا و واقعا ممنون.
چقدر از خیلی از افراد با معرفتترید و دانشتون رو رایگان برامون میگذارید.
درود بر شما. وقت بحیر
سپاس از لطف و همراهی و مهربانی شما دوست عزیز.
موفق باشید.
درود بر شما
آموزشها فوقالعاده هستند. البته من ابتدای کار هستم. منتهی به نظرم معرفیها اگر داخل پروژه هم مجدد تکرار شده باشند فوقالعاده میشه دیگه (چون معتقدم تا زمانی که با ابزارها کار نشه فراموش میشن).
درود بر شما. وقت بخیر
این دوره دقیقا به همین صورت، آموزش داده شده است.
موفق باشید.
من تازه رسیده بودم به ویدیوهای آموزش فیگما که شما به روز کردیدشون و واقعا خوشحالم. همینطور ممنون ازتون بابت اینکه انقدر دقیق و شفاف و ساده آموزش میدید.
درود بر شما دوست گرامی. وقت بخیر
سپاس از لطف و مهربانی شما. یک ویدئو هم امروز به همین جلسه اضافه شد و الان این جلسه 6 ویدئو دارد. حتما آن را ببینید. مربوط به کانفیگ 2025 فیگما و تغییرات جدید در فیگما است. حتی جلسات قبلی را هم بعدا بروز شدهاش را ببینید. چون محتوا غنیتر شده است و ابزارهای بیشتری را در بخش UX معرفی کردهایم و آموزش دادهایم.
موفق باشید.
سلام وققتون ه خیر
ممنون از آموزش بسیار خوبتون
من فیگما رو که نصب کردم (نسخه وب) احتمالا اشتباهی تیم رو فعال کردم، ولی الان نمیخوام تیم باشه، چندبار هم پاک کردم اما باز اتوماتیک خودش میسازه، draft رو که میزنم تا یک صفحه جدید بیارم میره تو دایرکتوری تیمی که ساخته، راهی هست که بشه داخل تیم نیاد و تو دایرکتوری بعد از files قرار بگیره؟
درود بر شما. وقت بحیر
فیگما از سال گذشته در این خصوص تغییراتی داشت. در واقع یک جورایی میتوان گفت که همه چیز را برده زیرمجموعه تیمها. حتی پروژههای Draft. آن پروژه جدید که فرمودید بهصورت Draft هست را باز کنید. آیا به شما اجازه میدهد بیش از سه صفحه بسازید؟ اگر اینطور هست پس درسته. حتی در منوی باریک بالا هم عبارت Draft را مینویسد.
موفق باشید.
سلام استاد بابت تدریس بی نظیرتون ممنونم از شما
درود بر شما. وقت بحیر
سپاس از لطف و همراهی شما دوست عزیز. شاد و سلامت باشید همیشه.
موفق باشید.
سلام
با سپاس از تدریس فوق العاده تون و واقعا تشکر می کنم که این مطالب رو بدون هیچ چشم داشتی در اختیار مخاطبین قرار می دهید.
استاد من قسمت Font Installer را در صفحه جهت نصب پیدا نکردم البته نمی دونم شاید منظور رو متوجه نشدم اگر راهنمایی بفرمایید جهت نصب فونت ممنونتون می شم.
درود بر شما. وقت بحیر
سپاس از لطف و همراهی شما دوست گرامی. وارد لینک figma.com/downloads بشوید و بخش Font Installers اگر ویندوز هستید گزینه Windows installer و اگر مک هستید گزینه macOS installer را انتخاب و نصب کنید.
موفق باشید.
سلام استاد امیدوارم عاااالی باشیییید😍😍😍
مرررسییییی بابت تدریس فوق العاده عالی و خفنتوووووووون
من راستش قبلا فرانت کار میکردم و حتی تا یادگیری react هم پیش رفتم ولی یه مدته متوجه شدم به حوزه طراحی ui بیشتر علاقه دارم و کلا فرانتو بیخیال شدم. خیلی خیلی خوشحالم که با دوره و تدریس بی نظیر شما آشنا شدم🤩🤩🤩 خلاصه که کلی دمتون گرم و امیدوارم همیشه بدرخشییییید😍😍🤩🤩
درود بر شما. وقت بحیر
تبریک به شما دوست عزیز. در فرانت قطعا عالی بودید و مطمئن باشید در ui/ux عالیتر جلو خواهید رفت. شاد و سلامت باشید همیشه.
موفق باشید.
تدریستون خیلی خوبه و ممنون از شما که مطالب رو رایگان ارائه میدین
و یه حسن ویژه این دوره اینه که داکیومت رو هم گذاشتید و نیاز به نت برداری داشنجو نیست
امیدوارم ویدئوهای این بخش به بعد هم اینطور باشند
من برنامه نویس هستم فرانت اما به دلایلی میخوام حوزه کاریم رو عوض کنم
به نظر شما مهارت قبلیم میتونه کمک کننده باشه به سرعت رشد؟آیا یه امتیاز حساب میشه ؟
درود بر شما. وقت بخیر
سپاس از شما. امیدوارم مفید واقع بشوند. منم قبلا برنامهنویسی فرانت انجام میدادم. البته هنوزم در حد توسعه پروژههای وردپرس برنامهنویسی انجام میدهم. بسیار دانش فرانت به شما در حوزه ui/ux کمک خواهد کرد. این را تجربه کردم.
موفق باشید.
چقدر عااالی بود
هم توضیحات فوق العاده کامل بود هم نوع بیان و تدریس شما استاد عزیز
واقعا لذت بردم
خدا قوت
درود بر شما. وقت بخیر اشکان عزیز
سپاس از لطف و مهربانی شما. امیدوارم مفید واقع بشود.
موفق باشید.
سلام وقت بخیر
نمیدونم بخاطر اپدیت هست یا چی فیگمای من با شما خیلی فرق داره
گزینهای هست که بشه حالت قبلی محیط کار فیگمارو اعمال کرد؟
و اینکه وقتی فونتهای فارسی رو تغییر میدم، فونت اعمال نمیشه فقط بولد یا حالت دیگه ای به خودش میگیره نوع فونت تغییر نمیکنه
درود بر شما. وقت بخیر. سپاس از شما.
یکم طراحی نرمافزار عوض شده است. در حال بروزرسانی دوره هستیم. در پائین صفحه سمت راست یک باکس دایرهای هست که داخل آن یک علامت سوال دارد. روی آن کلیک کنید گزینه بازگشت به ui قبلی فیگما یا همان Go to Previous figma UI وجود دارد.
همچنین در کلیک راست هم گزینههارو دارید. روی دکمههای ترکیبی “ctrl + shift + علامت سوال” هم بزنید به لیست دکمههای ترکیبی و میانبر، دسترسی خواهید داشت.
موفق باشید.
سلام و عرض ادب و احترام خواستم بابت آموزش خوب و کاربردی تشکر ویژه کنم.
درود بر شما. وقت بخیر
سپاس از لطف و مهربانی شما. خوب و سلامت باشید همیشه.
موفق باشید.
سلام برشما
برای نصب فونت ها من گزینه Install رو میزنم ولی نصبش کامل نمیشه علتش چیه؟
درود بر شما. وقت بخیر
در ابتدا فونت مدنظر نظر خود را در سیستم عامل خود نصب کنید. سپس وارد لینک figma.com/downloads بشوید. فونت اینستالر رو نصب کنید. زیر 3 مگابایت هست و حجمی ندارد. بدینصورت، فونتها در نسخه تحت وب نیز به درستی کار خواهند کرد. (در ویدئو هم توضیح دادهام اگر خواستید ببینید).
موفق باشید.
درود استاد
وقت بخیر
متاسفانه من در نصب فونت فارسی به مشکل برخوردم .
فایل نصبی رو نصب میکنم اما فونت ها اضافه نمیشه
درود بر شما. وقت بخیر
اگر فونت نصب شده روی سیستم، وارد لینک figma.com/downloads بشوید. فونت اینستالر رو نصب کنید. زیر 3 مگابایت هست و حجمی ندارد. بدینصورت، فونتها در نسخه تحت وب نیز به درستی کار خواهند کرد. (در ویدئو هم توضیح دادهام اگر خواستید ببینید).
موفق باشید.
سلام استاد وقت بخیر
اول از همه بگم خیلی عالی تدریس میکنید ممنون از شما
دوم اینکه برای کلیپ چهارم زمانی که عکس رو با دایره ماسک میکنید من اون 4 ابزاری که بالای نوار شما هست رو ندارم
چطوری باید فعالشون کنم؟ و اسمشون چیه؟
درود بر شما. وقت بخیر. سپاس از شما.
رفته سمت راست. یکم طراحی نرمافزار عوض شده است. در کلیک راست هم گزینههارو دارید. روی دکمههای ترکیبی “ctrl + shift + علامت سوال” هم بزنید به لیست دکمههای ترکیبی و میانبر، دسترسی خواهید داشت.
موفق باشید.
سلام و وقت بخیر خدمت شما استاد گران قدر
خواستم ببینم کلاس عای آنلاین یا حضوری دارید که بشه داخلش ثبت نام کرد و تحربه بیشتری داخل اون دوره کسب کرد
درود بر شما. وقت بخیر
تدریس میکردم. کنار گذاشتم. پیشنهاد میکنم دوره آموزشگاهی ثبت نام نکنید. دورههایی که در اینترنت فروش میروند و روی Spot Player اجرا میشوند به نظرم انتخاب خوبی هستند. (البته قبلش تحقیق کنید که محتواش هم خوب باشد). ما نیز این دوره را بهتر خواهیم کرد و قصد داریم محتوای آن را بازهم رایگان بروز کنیم و در سایت درج کنیم.
موفق باشید.
با سلام و وقت به خیر چطور میتونیم فونت هایی که وجود ندارن رو اضافه کنیم
با تشکر
درود بر شما. وقت بخیر
باید فونتهای خود را در سیستم عامل خود نصب کنیم. روی آنها کلیک راست کرده و Install را بزنیم (فرمت فونتهای قابل نصب در سیستم عامل اغلب ttf و otf هستند). برای اینکه فونتهای نصب شده در نسخه تحت وب فیگما هم کار کند، باید Font installer مربوط به این نرمافزار را نیز نصب کنیم که در لینک figma.com/downloads در دسترس است (مراحل مذکور را به صورت تصویری هم در ویدئو توضیح دادهایم).
موفق باشید.
محتوا کاربردی -بیان عالی و در یک کلام یه اموزش فوق العاده
درود بر شما. وقت بخیر
سپاس از لطف و مهربانی و همراهی شما.
موفق باشید.
بسیار آموزنده
درود بر شما. وقت بخیر
سپاس از لطف و مهربانی و همراهی شما.
موفق باشید.
بسیار عالی و کاربردی بود اطلاعاتی که ارائه فرمودید سپاس از شما
درود بر شما. وقت بخیر
سپاس از لطف و مهربانی و همراهی شما.
موفق باشید.
سلام استاد وقتتون بخیر
آموزش هاتون توی آموزش های زبان فارسی این حوزه فوق العاده بودن واقعا هم لذت بردم و هم یاد گرفتم
فقط یه سوالی که داشتم اینه که اگه براتون مقدوره یه تاریخ حدودی برای آپدیت مطالب بگید لطفا
درود بر شما. وقت بخیر
سپاس از شما. شروع کردهایم اما کار دشواری هست. تا آخر بهار به نظرم تکمیل بشود. البته تغییرات ظاهری فیگما آنقدر زیاد نیست. خیلی از گزینهها در کلیک راست وجود دارد و خیلی ها هم صرفاً جای آنها کمی در صفحه عوض شده.
موفق باشید.
سلام استاد وقت بخیر خسته نباشید…استاد آیا شده تاحالا در مورد استفاده از افکت هایglass و glassmorphism تاحالا شده به باگ فیگما برخورد کنید؟اول که افکت رو روی یک فریم اعمال کردم (با پس زمینه سفید رنگ) و روی عکس مدنظرم گذاشتم کاملا درست اعمال شد ولی توی جابه جایی فریم دیگه افکتش از بین رفت و فقط یک فریم با همون رنگه پس زمینه سفید که بهش داده بودم نمایش داده میشد(بدون افکت). لایه ها رو هم بالا و پایین کردم ولی درست نشد.
درود بر شما. وقت بخیر
این روزا config 2025 هست و آپدیتهایی به فیگما اضافه خواهد شد. موقع اعمال این افکت opacity لایه را نباید کم کنیم و صرفاً opacity خود رنگ را کم کنیم. زمینه هم که خودتان اشاره کردید که بایستی داشته باشد و اول از همه هم که افکت background blur و طبیعتاً باید روی یک عنصری مانند عکس و… بیفتد که افکت دیده بشود. به جز این موارد، نکته خاص دیگری ندارد.
موفق باشید.
سلام خسته نباشید
چطوری میتونم سایز نمایشی خود نرمافزار فیگما رو تغییر بدم که شامل المان ها، متن ها و… هست.
درود بر شما. وقت بخیر
هم میتوان با دکمههای کنترل + و – زوم خود نرمافزار رو کم کرد. هم اینکه با کم کردن زوم مرورگر، حتی عناصر مدیریتی و هندلرها هم کوچکتر میشوند. البته مورد دوم چندان مرسوم نیست. مگر اینکه مانیتور خیلی کوچک باشد.
موفق باشید.
سلام استاد حمداللهی
بسیار ممنونم بابت به اشتراک گذاشتن این دوره جامع و کامل. ممنون میشوم یک ویدیو هم راجعبه نحوه رزومه سازی تو حوزه ui/ux و اینکه چه مهارتهایی از منظر کارفرما نقش اساسیتری در جذب و بکارگیری یک طراح محصول دارد درست کنید.
درود بر شما. وقت بخیر
سپاس از لطف و مهربانی شما. جلسه آخر این دوره به موضوعاتی که فرمودید پرداختهام. اگر مایل بودید آن را مشاهده بفرمائید. البته قصد بروز کردن دوره را هم دارم و بدیهی است که بعدا محتوای آن را غنیتر خواهم کرد تا بیشتر مفید واقع بشود. سپاس از شما.
موفق باشید.
با سلام و وقت به خیر خدمت شما
ببخشید تو قسمت تایپوگرافی هنگام استفاده از فونت وقتی به زبان انگلیسی تایپ میکنیم فونت اعمال میشه و تغییر میکنه ولی برای زبان فارسی اینطور نیست مشکل از کجاست؟
درود بر شما. وقت بخیر
گاهی اعمال نمیشه و گاهی هم طول میکشد که اعمال بشود. این موضوع در مورد فونتهایی مثل Inter هم زیاد رخ میدهد. راهکار انتخاب فونتی هست که برای فارسی طراحی شده و مناسب است. مثلاً ایرانسنس، ایرانیکان و…
موفق باشید.
با سلام و درود خدمت شما و تشکر بابت دوره فوق العادتون
سوالم این بود که وقتی یک فریم رو ایجاد میکنیم چجوری بعد باید پاکش کنیم؟
من هرچقدر تلاش کردم متاسفانه نتونستم (:
درود بر شما. وقت بخیر
با دکمه جذاب Delete در کیبورد الهه جان. البته اگر تازه اون رو ایجاد کرده باشیم با Ctrl + Z هم میشود. اما خب دکمه Delete راه حل درستتری است.
موفق باشید.
سلام وقت بخیر
در ابتدا میخواستم تشکر کنم بابت آموزش های عالی و بی نقص تون. با وجود اینکه این دوره رایگان هست ولی واقعا کامل و دلسوزانه آموزش دادید. خیلی خیلی ممنونم و براتون آرزوی موفقیت و بهترین ها رو دارم.
استاد من یک سوال هم داشتم. توی بخش اول جلسه 11 فرمودید که نسخه رایگان فیگما سیوها و اطلاعات ذخیره شده ی ما رو به مدت 30 روز نگه میداره و بعد پاک میشن!
میخواستم بدونم یعنی اگر ما روی پروژه ای هم کار بکنیم بعد از 30 روز کلا همه چیز پاک میشه؟
اگر export و در واقع خروجی بگیریم خروجی مون فقط به صورت عکس هست؟
درود بر شما. وقت بخیر
سپاس از لطف و مهربانی شما. نه اصلا پروژه شما پاک نمیشود. در واقع version history صرفاً مشابه Backup از تغییرات قبلی شما عمل میکند. مثلا فرض کنید بخواهید محصول طراحی شده خود را به یک هفته قبل برگردانید. این را تا 30 روز در نسخه رایگان نگه میدارد. با اصل طراحی شما کاری ندارد و خود طراحی شما همیشه برقرار است مگر اینکه خودتان آن را حذف کنید که در اینصورت وارد بخش Trash میشود که اگر از آنجا هم حذف کنیم، کلا برای همیشه حذف میشود.
موفق باشید.
سلام و عرض ادب
بعد از یک وقفه و فاصله ی طولانی از فضای طراحی های گرافیکیم از نو شروع کردم و برای بروزرسانی مهارتم تصمیم گرفتم با نرم افزار فوق العاده فیگما شروع کنم. تا اینجا آموزش های شما کامل و دقیق بوده و از شما بسیار ممنونم امیدوارم همواره موفق باشین.
نکته ای که هست با توجه به اینکه ضبط فیلم ها مربوط به یکسال پیش هست مقداری محیط کار فیگما تغییر کرده آیا فیلم هایی هست که از نسخه های جدید باشه؟
درود بر شما، وقت بخیر
سپاسگزارم از لطف و همراهی مهربانی شما. دوباره میخواهم دوره را با محتوای جدیدتر و کاملتر تهیه کنم (البته تفاوت ظاهری نرمافزار خیلی هم زیاد نیست و همین ها را هم ببینید قطعا متوجه خواهید شد. هر گزینهای را نیافتید اغلب در کلیک راست و دیدن دکمههای ترکیبی آنها را خواهید یافت). البته بروز کردن دوره هم اجتنابناپذیر است و قطعا این کار را انجام خواهم داد.
موفق باشید.
ممنون که اینقدر دلسوزانه و مرتب آموزشها داده شده، تمام جزییات با سلسله مراتب مربوط به خودش، واقعا دست مریزاد، سپاسگزارم.
درود بر شما. وقت بخیر
سپاس از لطف و مهربانی شما. خوشحالم اگر مفید واقع بشود.
موفق باشید.
تشکر و سپاس از آموزشهای خوبتون! آدم نکات جدید یاد میگیره، یک دنیا ممنون، ارادت.
درود بر شما. وقت بخیر
سپاسگزارم از لطف و مهربانی شما. خوشحالم اگر مفید واقع شده است
موفق باشید.
بهترین دوره فارسی زبان توی این این سایت پنهان شده خداییییییییییییی عالییییییییییییه و البته بهترین سایتی هست که بسیار عالی ویدیو ها رو دسته بندی کرده یعنی عاشق این سایت شدم خدایی فقط این دوره ها رو هم کامل کنید ممنون از شما
درود بر شما. وقت بخیر
سپاسگزارم از لطف و مهربانی شما. خوشحالم اگر مفید واقع شده است. پارسال و امسال پوستم قلفتی کنده شد و واقعا دشوار بود تهیه آنها. با اینکه خب سابقه این کار رو داشتم. اما خب دوباره قصد دارم شروع کنم هم محتواهارو بروز کنم. هم محتوای جدید بگذارم. سخت است اما حتما انجام میدهم.
ارادتمندم. موفق باشید.
واقعا گاهی وقتا چقدر خوبه تمام انرژی وقت با ارزشی که داری رو در راه آموزش به دیگران بزاریم.
از اینکه انقدر کامل جامع اموزش میدین تشکر ویژه ای دارم ازتون🙏🌱🫱🏽🫲🏻
درود بر شما. وقت بخیر
سپاس از لطف و مهربانی شما. امیدوارم مفید واقع بشود.
ارادتمندم. موفق باشید.
سلام مجدد به شما
فقط خواستم تشکر کنم بابت آموزش ارزشمندتون و نکات ریزی که گفته شد و امشب به این جلسه رسیدم. یکم کند پیش میرم چون همزمان با کارم دارم آموزش میبینم و یه مدت مجبورم همزمان پیش ببرم تا انشاالله بتونم توی این حوزه کار کنم یک روزی… ولی مهم اینه که پیش میبرم هر طوری هست. ممنونم که انقدر دقیق و با جزئیات این آموزش رو گذاشتید 🙂
درود بر شما. وقت بخیر
سپاسگزارم خانم دولت آبادی. عمیقا خوشحالم که مفید واقع شده است. تبریک به شما که انقدر محکم و با برنامه و بدون ترس، یک تخصص جدید را شروع کردید و با سرعت خوبی در آن جلو میروید. حتما نتیجه بخش است.
موفق باشید.
با سلام و خسته نباشید
ممنونم از آموزش های بسیار عالی تون که خیلی صبورانه هست
و با گفتن نکات بسیار ریز من واقعا لذت میبرم
امیدوارم سلامت و تندرست و موفق باشید
درود بر شما. وقت بخیر
سپاسگزارم از لطف و مهربانی شما. امیدوارم مفید واقع بشود.
موفق باشید.
سلام وقت شما بخیر
یکسری از تنظیماتی که در ویدیو توضیح میدین الان دیگه در اکانت رایکان نیست و حتما باید بخریم اشتراکش رو. مثل دولوپ مود
درود بر شما. وقت بخیر
در خصوص dev mode بله این قابلیت ابتدا رایگان بود و بعداً پولی شد. اما سایر بخشها همه هستند. فقط کمی نرمافزار بروز شده و ظاهرش کمی تغییر کرده که البته چندان زیاد نیست و قابل تشخیص هست. (فعلا نسخه پولی را نخرید، ابتدا چند پروژه طراحی کنید و منتشر کنید. بخشی از پروژهها در ایران نیاز به اکانت پولی فیگما ندارند).
موفق باشید.
سلام وقت بخیر
فکر میکنم نرم افزار کمی تغییر کرده یکسری چیزها فرق میکنند انگار اپدیت شده، در قسمت هایی نتونستم پیدا کنم بخاطر اپدیت اما در بعضی قسمت ها به راحتی قابل به مشاهده بود البته که خیلی مطالب عالی هست و بسیار هم خوب بیان شده متشکرم از شما
درود بر شما. وقت بخیر
درست می فرمائید. بروز شده اما تفاوت زیاد نیست. حتما بعدا ویدئویی را برای آپدیتهای فیگما ارائه خواهم کرد. اما این را هم عرض کنم که (از نظر بصری) صرفا جای برخی از تنظیمات عوض شده است.
موفق باشید.
سلام و احترام
آقا علیرضا بابا دمت گرم
خیلی عالیه آموزش هات
ماشالله بهت ماشالله
درود بر شما. عرض ادب
سپاس از لطف و مهربانی شما. امیدوارم محتوا مفید واقع بشود.
موفق باشید.
با سلام و احترام به حضور استاد گرانقدر جناب آقای حمداللهی
دوره ی بسیار جامع و مفیدی بود واقعا دستمرزاد به این نیت خیرخواهانه تون باوجود مشکلات اقتصادی اطلاعات به این مهمی رو به رایگان در اختیار دیگران قرار میدید قدران زحمات شما هستیم آرزوی سلامتی و سربلندی برای شما و تیم حرفه ای رسام رو دارم .
درود بر شما. وقت بخیر
سپاسگزارم آقای باقری. امیدوارم که اندک کوشش بنده بتواند ذرهای مفید واقع بشود.
ارادتمندم. موفق باشید.
بسیار از استاد محترم اقای حمداللهی سپاسگزارم که بدون هیچ منت و چشم داشتی، مطالب بسیار ارزشمند و مهم ui ux در اختیار مشتاقان این حرفه قرار می دهند. واقعا مطالب مفید و مختصر هستند و به اصول اشاره می کنند.
با آرزوی بهترین ها برای شما استاد گرامی
عرض ادب و درود بر شما
خوشحالم اگر مفید واقع شده است.
موفق باشید.
سلام وقت بخیر
فونت هایی که استفاده کردید مثل pinar رو از کجا میتونیم دانلود کنیم؟
درود بر شما. وقت بخیر
در جلسه تایپوگرافی مفصل سایتهای دانلود فونت فارسی و خود فونتها را نیز معرفی کردهایم. البته فونتهای غیرفارسی و منابع دریافت آن را نیز معرفی کردهایم. حتما آنها را مشاهده بفرمائید.
موفق باشید.
سلام وقت شما بخیر
در شرکت شما امکان کارآموزی وجود دارد؟ در زمینه ui ,ux؟ ایا جای رو میشناسید که این امکان رو داشته باشه؟
درود بر شما. وقت بخیر
اگر مایل بودید رزومه خودتان را در صفحه فرصتهای شغلی، ارسال بفرمائید.
از طریق سایتهایی مثل jobinja هم میتوانید فرصتهای شغلی و کارآموزی را مشاهده و در صورت تمایل Apply کنید.
موفق باشید.
سلام ممنون از آموزش عالیتون
ببخشید من یک سوال دارم
در نرم افزار فیگما اگر یه لایه ی شیشه ای همانطور که خودتون آموزش دادید ایجاد کنیم
چطوری باید از آن اکسپورت بگیریم که خاصیت شیشه ای بودن عکس حفظ بشود و بتوانیم
به فرض آن را به عنوان بکگراند کانتینر هدر سایتمون استفاده کنیم که هدر سایت شیشه ای بشود.
درود بر شما.
منظور همان افکت گلس مورفیسم است؟ اگر این افکت مدنظر هست، شما میتوانید روی لایه تصویر، یک فریم بیاندازید و افکت را به آن فریم اختصاص بدهید و opacity را کم کنید تا تصویر شیشهای شده، نمایان شود.
موفق باشید.
ممنون از اموزش فوق العادتون عالی بود
درود و سپاس از لطف شما.
موفق باشید.
باسلام و وقت بخیر. خیلی ممنون از اموزش فوقالعاده شما استاد.. یک سوالی خدمتتون داشتم، آیا فیگما تحریم شده؟ قبلا برنامه خیلی خوب لود میشد ولی الان خیلییییی طول میکشه یا اصلا لود نمیشه، با سایت هم امتحان میکنم سایتش میاد بالا ولی وارد پروژه که میشم همونطور در حالت لودینگ باقی میمونه.. چکار باید کرد؟ ممنون میشم راهنمایی بفرمایید.
درود بر شما. وقت شما بخیر
درست میفرمائید. من هم این رو حس کردم و خصوصا یکماه اخیر، سختتر لود میشود. البته بازهم بدون VPN لود میشود اما کمی دشوارتر. تحریم نشده. متاسفانه عمده مشکل از داخل هست. اینترنتی که همه ما ایرانیها استفاده میکنیم عملا range خارج ایران را محدود میکند و همین موضوع نیز روند ثابتی ندارد و پیچ آن گاهی شل و سفت میشود. اما علیرغم همه این مسائل، نرمافزار دوست داشتنی هست و ارزش این را دارد که این سختی ها را نیز به خاطرش تحمل کنیم. عمیقاً آرزو میکنم که شرایط برای همه ما بهتر شود.
موفق باشید.
سلام
یه سوال داشتم
مفاهیم ui مهم هستن؟
درود بر شما. روز بخیر
بله. خیلی مهم. حتی مهمتر از یادگیری نرمافزار. مثلا موضوعاتی مانند اصول استفاده از رنگها، تایپوگرافی، گرید سیستم، فاصلهگذاری و نسبت هشت، بحث بسیار مهم دیزاین سیستم، شناخت دیزاین سیستمهای معروف مانند متریال و آناتومی طراحی، هنداف و… اصلیترین مواردی هستند که صرفنظر از نرمافزار، باید به آنها مسلط باشیم.
موفق باشید.
سلام و درود
دوره ی بسیار کامل و عالی بود.واقعا ازتون سپاسگزارم
خیلییی استفاده کردم😍💖
باتشکر از مجموعه ی نوآوریرسام
درود بر شما. وقت بخیر
خوشحالم که کمک کننده بوده.
امیدوارم موفق باشید.