آموزش فیگما (Figma) - یادگیری کامل نرم افزار Figma

طراحی رابط و تجربه کاربری یا همان UI/Ux، عنوانی که چند سالیست بسیار می شنویم و جزو ترندهای شغلی محسوب می شود. اما فیگما قدرتمندترین ابزاریست که برای این شغل مورد استفاده قرار می گیرد ، در آموزش Figma ارایه شده در ابزار وردپرس شما بصورت گام به گام با این اعجوبه آشنا خواهید شد و از آن لذت می برید ...

00 روز
:
00 ساعت
:
00 دقیقه
:
00 ثانیه
2,900,000 90٪ تخفیف
290,000 تومان
هربار خریدِ محصول برای یک دامنه قابل استفاده است. (قوانین)
خرید و دانلود

تعداد جلسات :

+80

پیش نیاز :

تعداد دانشجویان :

368+

مــحمــد قــاسـمـی

مدیرعامل سایت “وبنوس” ارائه دهنده کلیه خدمات طراحی سایت و طراحی گرافیکی در ایران

مــحمــد قــاسـمـی

مدیرعامل سایت “وبنوس” ارائه دهنده کلیه خدمات طراحی سایت و طراحی گرافیکی در ایران

همچنین شاید برای شما مفید باشد :

پیشنهاد مرتبط
توجه : این دوره در سیستم اسپات پلیر خدمتتان ارایه می گردد.

معرفی آموزش Figma – آموزش فیگما بصورت جامع و کاربردی

با گسترش روز افزون اینترنت و ارایه انواع خدمات بر بستر آن، شغل های جدیدی ایجاد شده است که یکی از محبوترین آنها حوزه کاری طراحی رابط و تجربه کاربری یا همان UI/Ux می باشد ، که افراد زیادی را از سرتاسر دنیا به خود جذب کرده و در ایران نیز هر روز افراد زیادی در این حوزه مشغول میشوند.

اما در این میان شرکت های نرم افزاری نیز بیکار ننشستند و برای ارایه خدمات به طراحان دست به طراحی نرم افزارهای حرفه ای زدند که ویژگی های موجود در آنها فرایند طراحی را بسیار سریعتر و از طرفی با توجه به نیاز طراحان برای ارتباط با همکاران، تست و آزمایش محصول و… راحتر خواهد نمود.

نرم افزارهایی نظیر ادوبی XD و فیگما در این حوزه وجود دارند که مدتی است نرم افزار فیگما گوی سبقت را از رقیب اصلی خود یعنی XD ربوده است و با توجه به ویژگی های بسیار خاص و کاملی که در خود ارایه کرده است به رتبه اول نرم افزارهای طراحی رابط و تجربه کاربری تبدیل شده است تا حدی که شرکت ادوبی درخواست خرید فیگما را به این شرکت داد و قیمت بسیار زیادی را نیز پیشنهاد کرد که متاسفانه این معامله صورت نگرفت و به نظر میرسد نرم افزار ادوبی XD بزودی از عرضه رقابت با Figma خارج شود.

اما اکنون نرم افزار فیگما همچنان با قدرت رو به جلو حرکت می کند و در حال ارتقا و افزایش ویژگی های خود است و محبوب دل های شرکت های طراحی و طراحان شده است و در آگهی های استخدامی شرکت ها تسلط بر نرم افزار فیگما جزو اولین شروط است و اگر قصد ورود به حوزه طراحی رابط و تجربه کاربری را دارید بایستی این ابزار را در ابتدا بخوبی یاد بگیرید و به آن تسلط داشته باشید.

در سایت ابزار وردپرس افتحار این را داریم که آموزش Figma را تقدیمتان کنیم و این ابزار بی نظیر در طراحی را بصورت کامل و گام به گام به شما ارایه نماییم. در آموزش فیگما تمام تلاش ما این است که بخش های مختلف این نرم افزار را از سطح مقدماتی تا پیشرفته به زبانی آشنا و ساده برایتان بیان کنیم و فارغ از هرگونه پیچیدگی در پایان تسلط کامل به ویژگی های مختلف این نرم افزار را فراهم نماییم.

آموزش Figma - برترین ابزار طراحی رابط کاربری

فیگما چیست؟

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

با گسترش اینترنت و رشد کسب و کارها و قرارگیری این کسب و کارها و خدماتشان بر بستر وب حوزه کاری جدیدی بنام طراحی رابط و تجربه کاربری یا همان UiUx پدید آمده است که در آن افراد برای ایجاد یک کسب و کار یا محصول (مثلا وب سایت، اپلیکیشن و …) و به جهت اینکه محصول نهایی متناسب با نیازهای کاربران هدف باشد اقدام به جمع آوری داده های مختلف و پیاده سازی و طراحی نمونه های اولیه آنها می کنند.

و فیگما یک ابزار بسیار قدرتمند برای این حوزه کاری می باشد که آموزش آن تحت عنوان آموزش فیگما بصورت تخصصی و کاربردی در سایت ابزار وردپرس ارایه شده است تا افرادی که دوست دارند در این حوزه قدم بگذارند بتوانند با مشاهده آموزش Figma به دانش کافی جهت تسلط بر این ابزار دست یافته و فعالیت حرفه ای خود را آغاز نمایند.

فیگما برترین ابزار طراحی رابط و تجربه کاربری!

این جمله شاید برای شما عجیب باشد اما درست است! فیگما برترین ابزار برای طراحان رابط و تجربه کاربری یا همان UiUX می باشد که با ویژگی های عظیم خود توانسته تمام رقبای قدر خود را کنار زده و بعنوان برترین ابزار برای این حوزه کاری در صدر قرار گیرد. رقیب اصلی فیگما ادوبی XD بود که طی سال های گذشته با پیشرفت روز افزون فیگما از گردونه رقابت خارج شده است و اکثر افرادی که از آن استفاده می کردند در حال مهاجرت به فیگما می باشند.

برخی از مباحثی که در آموزش Figma به آنها پرداختیم

  • آشنایی با یکسری تعاریف در حوزه طراحی
  • معرفی نرم افزار فیگما
  • آشنایی با روش های استفاده از فیگما
  • نصب و راه اندازی نرم افزار فیگما بصورت کامل
  • اجرای فیگما و معرفی محیط کاربری
  • معرفی ابزارهای اولیه در فیگما
  • آشنایی با ابزار Move در فیگما
  • معرفی ابزار Scale در فیگما
  • آشنایی با ابزار Frame در فیگما
  • معرفی ابزار Section در فیگما
  • آشنایی با ابزار Slice در فیگما
  • طراحی اشکال مختلف در فیگما
  • کار با Pen Tools در فیگما
  • کار با متون و تایپوگرافی در فیگما
  • آشنایی با بخش کامنت ها در فیگما
  • ترازبندی، جابجایی ، موقعیت در فیگما
  • گروه بندی عناصر در فیگما
  • درج تصویر ، Fill و Stroke در فیگما
  • آشنایی با بخش افکت ها در فیگما
  • تنظیمات رنگ در فیگما
  • ویژگی های کپی و پست المان ها در فیگما
  • ماسک ها در فیگما
  • آشنایی با عملیات Boolean در فیگما
  • معرفی ویژگی Constraints در فیگما
  • معرفی بخش Layout Grid در فیگما
  • آشنایی با ویژگی Auto layout در فیگما
  • معرفی کامل ویژگی های Wrap, Min/Max و Auto layout Suggestion
  • ساخت کامپوننت ها در فیگما
  • آشنایی با ورینت ها در فیگما
  • معرفی خصوصیات کامپوننت ها در فیگما
  • ساخت کامپوننت های کاملا پویا در فیگما
  • معرفی بخش استایل ها در فیگما
  • معرفی وریبل ها در فیگما
  • نحوه تعریف Variables در فیگما
  • آشنایی با Tokenization در فیگما
  • Scope کردن وریبل ها
  • آشنایی با تفاوت های استایل و وریبل ها
  • ترکیب استایل ها و وریبل ها در فیگما
  • معرفی Mode ها در بخش وریبل ها فیگما
  • نحوه ارتقا حساب Free به نسخه پرو بصورت رایگان در فیگما
  • آشنایی با مفهوم و کارایی پروتوتایپ در فیگما
  • کامپوننت اینتراکشن ها
  • معرفی تنظیمات بخش پروتوتایپ در فیگما
  • استفاده از وریبل ها در بخش پروتوتایپ فیگما
  • آشنایی با فلوها
  • ارایه چندین مثال مختلف در طراحی پروتوتایپ ها
  • نحوه اشتراک و ارایه پروژه به توسعه دهندگان
  • آشنایی با بخش DevMode در فیگما
  • طراحی وایرفریم با فیگما
  • آشنایی با واحدهای REM و PX و EM و کاربرد آنها
  • انجام پروژه طراحی صفحه اصلی فروشگاه در فیگما
  • انجام پروژه طراحی صفحه واکنشگرا در فیگما
  • آشنایی با طراحی واکنشگرا و روش های پیاده سازی آن در فیگما
  • آشنایی با کارکرد بخش لایبراری ها در فیگما
  • آشنایی با بخش FigJam در فیگما
  • طراحی پست و استوری اینستاگرام در فیگما
  • نحوه برون بری و درون ریزی طرح بصورت دستی در فیگما
  • معرفی کلیدهای میانبر در فیگما
  • آشنایی گزینه های مختلف موجود در منوهای فیگما
  • معرفی پلاگین های محبوب و کاربردی در فیگما
  • آشنایی با بخش کامیونیتی در فیگما
  • آشنایی با بخش Version History و نحوه مدیریت آن
  • کار با انیمیشن ها در فیگما
  • نحوه اشتراک گذاری پروژه ها
  • استفاده از Ui Kit ها
  • و بسیاری موارد دیگر …

نکته مهم : این دوره براساس آخرین تغییرات فیگما ضبط و ارایه شده است و براساس UI3 می باشد.

برخی از سوالاتی که ممکن است در خصوص آموزش فیگما داشته باشید

برخی از موارد طراحی شده در آموزش فیگما

تمرین شماره یک – طراحی رابط کاربری سایت در فیگما
طراحی رابط کاربری سایت در figma
طراحی پست و استوری اینستاگرام در فیگما
طراحی استوری و پست اینستاگرام در فیگما
طراحی اپلیکیشن و نسخه موبایل در فیگما
طراحی اپلیکیشن و نسخه موبایل در figma
نحوه طراحی وایرفریم ها در فیگما
طراحی وایرفریم در فیگما

نمونه ای از تدریس در آموزش فیگما

در پایان آموزش فیگما چه دستاوردی خواهیم داشت؟

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

زمان آموزش Figma چقدر است؟

این دوره بیش از 32 ساعت است و در طول آن با ابزار فیگما آشنا خواهید شد، در آموزش فیگما پروژه و مثال های مختلفی خدمتتان ارایه شده است تا فهم مطالب راحتر باشد.

آیا تغییرات جدید فیگما در آموزش لحاظ شده است؟

فیگما در سال 2024 رابط کاربری خود را به UI3 تغییر داد و در این آموزش تمام جلسات و بخش ها براساس رابط کاربری جدید فیگما ضبط و تقدیم حضورتان شده است.

برای نوشتن دیدگاه باید وارد بشوید.

44 دیدگاه. Leave new

  • امیرحسین ملکی
    2025-04-14 15:42

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

    • محمد قاسمی
      2025-04-16 01:05

      سلام وقت شما بخیر،

       

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

      با تشکر.

  • مجید دلخواه
    2025-04-08 11:38

    سلام.
    وقت شما بخیر.
    یک سوال و راهنمایی در خصوص امکان طراحی اپلیکیشن موبایل با کمک این نرم افزار از خدمت شما دارم:
    آیا با نرم افزار figma میشه برای موبایل اپلیکیشن طراحی کرد یا صرفاً این نرم افزار برای ارائه پیش نمایش از یک طراحی به کارمون میاد؟
    ممنون میشم من رو راهنمایی بفرمایید

    • محمد قاسمی
      2025-04-10 09:34

      سلام وقت شما بخیر،

       

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

      با تشکر.

  • رویا مرادی
    2025-04-06 21:17

    سلام استاد وقتتون بخیر، جزوه دوره فیگما رو چطوری میشه دانلود کرد؟ آیا برای این دوره کانال تلگرامی وجود داره؟

    • محمد قاسمی
      2025-04-08 03:18

      سلام وقت شما بخیر،

       

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

      با تشکر.

  • حکیم خلیفه
    2025-03-17 17:48

    با سلام آقای قاسمی خسته نباشید. دوره های شما همه شون عالی هستند.از همین جا می خواستم ازتون تشکر و قدردانی کنم.اما یک چیزی که تو آموزش ها هست یادتون رفته بزارید اونم اینه که تو یه قسمت در مورد فونت های ایرانی توضیح دادید. و قرار شد که لینک دانلود این فونت ها رو بزارید. ولی من ندیدم. می توانید لینک این فونت ها رو بزارید یا اسم سایتش بگید بتونیم این فونت تهیه کنیم.

    با تشکر

    • محمد قاسمی
      2025-03-19 21:25

      سلام وقت شما بخیر،

       

      از لطف و محبت شما بسیار ممنونیم ، میتوانید فونت های فارسی را از وب سایت فونت ایران تهیه فرمایید.

      با تشکر.

  • مصطفی رنجبر
    2025-02-07 12:53

    با عرض سلام خدمت آقای قاسمی .
    من الان تا جلسه 14 پیش رفتم خیلی خوب بود و چون به برنامه ایلوستریتور آشنا بودم زیاد سخت نبود .
    فقط آقای قاسمی آیا طراحی که می شود با فیگما زد آیا در ورد پرس میشه اجرا کرد چون به نظرم اومد شاید یه جاهایی المنتور کم بیاره دوره آموزش المنتور شما را تازه به آخراش میرسم جامع وعالی .
    من 2 میلیون در سایت دیگه برای آموزش طراحی ساید دادم ولی اصلا قابل مقایسه با آموزش رایگان المنتور شما نیست . من از آموزش المنور شما خیلی خیلی پیشرفت کردم . و چندتا از دوره های شما را دارم که به ترتیب به لطف خدا دارم پیش میرم .

    • محمد قاسمی
      2025-02-08 09:05

      سلام وقت شما بخیر،

       

      از لطف و محبت شما بسیار ممنونیم ، بصورت کلی اکثر طراح ها با المنتور قابل پیاده سازی است و میتوان آنها را اجرا نمود، برخی از موارد که پیچیدگی های زیادی دارند نیز بر روی وردپرس قابل اجراست و تنها نیازمند استفاده از css یا موارد مشابه می‌باشد.

      با تشکر.

  • مریم بی غم
    2025-02-04 20:34

    درود برشما ، برای ورود به طراحی uiux علاوه بر نرم افزارهای مربوطه مثل فیگما آ یا پیش نیاز دیگه ای لازمه؟
    آیا دوره ی آموزش طراحی کاربری در سایت موجود هست یا خیر ؟ در حال حاضر در حال آموزش ورد پرس طراحی سایت هستم آیا این دوره ها مرتبط بهم و مورد نیاز هست در طراحی سایت؟
    برای درک مفاهیم بنده که سرشته ای ندارم بدون پیش نیاز امکان پذیره؟ممنون ار راهنماییتون

    • محمد قاسمی
      2025-02-06 08:17

      سلام وقت شما بخیر،

       

      بصورت کلی برای فعالیت در حوزه وب نیازمند آشنایی با چندین حوزه می‌باشید مواردی نظیر سئو، طراحی رابط و تجربه کاربری و…
      در حوزه طراحی رابط و تجربه کاربری پراستفاده‌ترین و کاربردی ترین نرم افزار موجود فیگما است که در این دوره آنرا خدمتتان آموزش میدهیم ، البته نکات و مواردی در خصوص تجربه کاربری و اصول طراحی رابط کاربری نیز تقدیمتان خواهد شد تا علاوه بر یادگیری ابزار با اصول مربوطه نیز آشنا شوید.

      با تشکر.

  • مصطفی رنجبر
    2025-02-04 16:17

    با عرض سلام .
    استاد در مورد آموزش هایی که ضبط شده می تونم بگم خیلی فوقلاده است و و نوع آموزش دادن شما هم که خیلی خیلی عالی هستش من خیلی می پسندم .آموزش دادن بلد هستید .
    یک سوال داشتم قبل از اینکه دوره را شروع کنم آیا امکان این وجود داره که طرح هایی که در فیگما اجرا می شود را به سایت انتقال بدیم .
    یا کار فیگما به عنوان طراحی پیش طرح هستش .

    • محمد قاسمی
      2025-02-05 09:35

      سلام وقت شما بخیر،

       

      از لطف و محبت شما بسیار ممنونیم ، بصورت کلی فیگما ابزاری برای طراحی رابط و تجربه کاربری است اما به لطف آپدیت های آن ویژگی هایی اضافه شده که کار توسعه دهندگان را راحت‌تر کرده است و خیلی سریعتر میتوان فرایند انتقال را انجام داد، در خصوص انتقال به وردپرس پلاگین هایی در فیگما وجود دارد اما هنوز انتظارت را بصورت کامل برآورده نمی‌کنند که بهترین کار برای این مورد طراحی عادی طرح در وردپرس می‌باشد.

      با تشکر.

  • دانیال فلاح
    2025-01-29 17:12

    با سلام وقت بخیر. چجوری فونت دلخواه رو وارد فیگما کنم ؟لطفا راهنمایی کنید با تشکر.

  • فاطمه بابایی
    2025-01-22 14:34

    سلام و درورد بعد این دوره میتونیم بنر هم طراحی کنیم .وبه صورت تخصصی تو این حوزه فعالیت کنیم امکانش هست حداقل و حداکثر درامد این حوزه رو به نظرتون بفرمایید چقد میتونه باشه اگر حرفه ای باشیم

    • محمد قاسمی
      2025-01-25 01:09

      سلام وقت شما بخیر،

       

      با نرم افزار فیگما امکان طراحی بنر و موارد اینچنینی هست اما کاربرد اصلی آن برای حوزه uiux است، اگر قصد ورود به حوزه طراحی گرافیک دارید آموزش های فتوشاپ و ایلاستریتور در سایت به شما پیشنهاد می شود. اما بصورت کلی درآمد در حوزه طراحی رابط و تجربه کاربری متغییر بوده و برخی افراد برای هر پروژه درآمدهای چند ده میلیونی را براحتی دریافت می‌کنند.

      با تشکر.

  • نعمت مرادی
    2025-01-05 22:46

    با عرض سلام و خسته نباشید
    این دوره در آینده با تخفیف ارائه میشه ؟

    • محمد قاسمی
      2025-01-06 17:37

      سلام و وقت بخیر.

      تخفیف ها هر چند وقت یکبار و در زمان های خاص فعال می شود ، برای اطلاع از زمان تخفیف ها در تلگرام یا اینستاگرام (mehdijabin@) سایت عضو باشید ، هر زمان تخفیف ایجاد شود ، اعلام می شود.

      البته در صورت فعال شدن تخفیف های 15 – 20 درصدی که بصورت خودکار بر روی محصولات فعال می شود ، در اینستاگرام اعلام نمی شود.

      با آرزوی موفقیت برای شما .

  • سید حسین موسوی
    2024-12-17 11:57

    سلام
    قرار نبود دوره فیگما رایگان باشه و در ادامه اموزش طراحی سایت توسط استاد جبین پور ارائه بشه؟

    • محمد قاسمی
      2024-12-19 08:41

      سلام وقت شما بخیر،

       

      تصمیم بر این بود دوره در سطح مقدماتی و در چند جلسه بصورت رایگان ارایه شود اما با بررسی نظرات به این نتیجه رسیدیم دوره بصورت کامل و با قیمت اندک تقدیم عزیزان گردد.

      با تشکر.

  • محمد صادق چارقچی
    2024-11-26 10:23

    سلام وقت بخیر دوره پلاگین نویسی کی منتشر می شود؟

  • خسرو دهقانی
    2024-11-22 16:55

    سلام در مورد فیگما آیا همگام با وردپرس و المنتور و جت هست ؟ یعنی تکمیل کننده اونهاست یا اصلا یک چیز متفاوت برای طراحی سایته ؟

    • محمد قاسمی
      2024-11-22 20:53

      سلام وقت شما بخیر،

       

      فیگما ابزاری است که توسط طراحان سایت به کرات استفاده میشود و جزوی از حوزه طراحی و توسعه محصولات دیجیتال در عصر حاضر میباشد.

      با تشکر.

  • علیرضا شمسی
    2024-11-21 23:27

    لطفا تصاویر و پیش نمایش های بیشتری از دوره قرار بدید.

    • محمد قاسمی
      2024-11-23 21:18

      سلام وقت شما بخیر،

       

      بزودی موارد بیشتر اضافه خواهد شد و به دلیل درخواست کاربران عزیز برای انتشار در تخفیف هنور برخی توضیحات دوره کامل نشده است.

      با تشکر.

  • سینا طباطبایی
    2024-11-21 14:12

    اقای محمد قاسمی به جرعت میتونم بگم یکی از بهترین هاست در ابزار وردپرس 🌹

  • علیرضا شمسی
    2024-11-21 11:48

    ساخت اسلاید در فیگما هم آموزش داده شده؟

  • علی اسماعیلی
    2024-11-20 14:55

    سلام خسته نباشید حدمت همتون. من استاد خیلی منتظر این دورتون بودم فقط چندتا سوال داشتم خدمتتون.
    استاد ما اینجا مثلا یادمیگیریم چطوری صفحه اصلی سایت رو یا صفحه محصولات یا هر بخشی رو طراحی کنیم.
    خب چرا از همون اول با المنتور نمیسازیم؟ یکبار داخل فیگما درست میکنیم بعد یبار دیگه داخل المنتور طرحی که درس کردیم رو میسازیم.
    یا مثلا یه طرحی رو داخل فیگما ساختیم ولی اومدیم تو المنتور ویژگی نداشتیم اونو پیاده سازی کنیم.

    • محمد قاسمی
      2024-11-23 19:53

      سلام وقت شما بخیر،

       

      از همراهی شما بسیار ممنونیم، پاسخ این سوال در بخش سوالات متداول دوره آورده شده است که میتوانید مشاهده نمایید.

      با تشکر.

فهرست