آموزش Figma Essentials برای طراحی UI/UX (2025)
دانلود Figma Essentials for UI/UX Design (2025)
به دوره آموزشی Figma Essentials خوش آمدید!
سلام، من Pier هستم، و مشتاقم شما را در این دوره جامع Figma Essentials راهنمایی کنم. چه در طراحی UI/UX تازه کار باشید و چه به دنبال تقویت مهارت های خود هستید، این دوره همه چیزهایی را که باید در مورد Figma بدانید—از A تا Z—به روشی جذاب و عملی به شما آموزش می دهد.
آنچه یاد خواهید گرفت:
در پایان این دوره، مهارت های زیر را به دست خواهید آورد:
- با استفاده از Figma رابط های کاربری زیبا و نمونه های اولیه جذاب طراحی کنید.
- برای پروژه‌های حرفه‌ای فریم‌های سیمی، راهنماهای سبک، و تعاملات خرد ایجاد کنید.
- رنگ ها، تایپوگرافی، نمادها و اجزای رابط کاربری را به طور موثر در طرح های خود پیاده کنید.
- با مشتریان و توسعه دهندگان برای انتقال نرم پروژه همکاری کنید.
- صفحات فرود و داشبورد برنامه های وب را از ابتدا با پیروی از بهترین شیوه ها بسازید.
چرا در این دوره شرکت کنیم؟
این دوره برای مبتدیان یا کسانی که در حال گذار به UI/UX و طراحی وب هستند عالی است. حتی اگر عباراتی مانند "UI" یا "UX" برای شما جدید باشد، ما با اصول اولیه شروع می کنیم و گام به گام پیشرفت می کنیم. تکنیک‌های عملی را یاد خواهید گرفت، روی پروژه‌های دنیای واقعی کار میکنید، و قطعاتی با ارزش نمونه کارها را توسعه می‌دهید.
دو پروژه اصلی ما عبارتند از:
- طراحی صفحه فرود: یک صفحه فرود کاملاً پاسخگو برای یک شرکت SaaS ایجاد کنید.
- داشبورد برنامه وب : یک داشبورد تعاملی برای مشتری طراحی کنید، با استفاده از اصول ضروری UX.
علاوه بر این، ابزارهای قدرتمندی مانند:
را بررسی خواهیم کرد- ویژگی‌های پیشرفته‌ای مانند مؤلفه‌ها، محدودیت‌ها، و انواع ساده شده‌اند.
- کیت‌ها و افزونه‌های رابط کاربری رایگان Figma برای گردش کار کارآمد.
- فایل های انجمن برای شروع سریع پروژه های خود.
این دوره برای چه کسانی است:
- طراحان مشتاق UI/UX بدون تجربه قبلی.
- مبتدیان طراحی وب به دنبال گسترش مجموعه مهارت های خود هستند.
- فریلنسرها و متخصصانی که مایل به یادگیری Figma برای پروژه های مشتری هستند.
مواد مورد نیاز:
تنها چیزی که نیاز دارید دسترسی به Figma (نسخه رایگان) و اشتیاق به طراحی است. من الگوها، خلاصه‌های پروژه، و منابعی را در طول دوره برای حمایت از سفر یادگیری شما ارائه خواهم کرد.
بیایید شروع کنیم!
در پایان این دوره، شما با اطمینان از طراحی وب‌سایت‌ها، برنامه‌ها و نمونه‌های اولیه خیره‌کننده و در عین حال درک اصول طراحی UX و UI خواهید بود. همچنین مهارت های مدیریت پروژه های طراحی دنیای واقعی و همکاری موثر با مشتریان را به دست خواهید آورد.
مهارت های خود را ارتقا دهید و امروز یک قهرمان Figma شوید!
درس ها Lessons
-
ابزار ستاره Star Tool
-
پروژه برنامه وب - 2 Web App Project - 2
-
مدیریت فایل های Figma 101 Figma Files Management 101
-
پروژه برنامه وب - 4 Web App Project - 4
-
رنگ ها و حالت های ترکیبی Colors & Blend Modes
-
سیستم طراحی در Figma Shadows، Grids، Spacing و موارد دیگر Design System in Figma Shadows, Grids, Spacing and more
-
نظرات در Figma Comments in Figma
-
پس زمینه را سریع حذف کنید Remove Backgrounds Fast
-
گروه ها در مقابل فریم ها Groups vs Frames
-
طراحی وب SaaS - 6 SaaS Web Design - 6
-
طراحی وب SaaS - 5 SaaS Web Design - 5
-
انیمیشن Smart Animate Onboarding Smart Animate Onboarding animation
-
یک پروژه تیمی راه اندازی کنید Set up a Team Project
-
گرادیان های مش در Figma Mesh Gradients in Figma
-
نحوه نصب فونت در Figma How to Install a Font in Figma
-
سکته مغزی Strokes
-
ابزار چند ضلعی Polygon Tool
-
Fortune 500 Design Systems در تجزیه و تحلیل Figma و منابع رایگان Fortune 500 Design Systems in Figma Analysis & Free Resources
-
مقدمه ای بر راهنمای مبتدیان Figjam 101 Intro to Figjam Beginners Guide 101
-
پاشیدن Unsplash
-
صفحه نمایش Figma Starter Figma Starter Screen
-
طرح کلی سکته مغزی Outline Stroke
-
مقدمه ای بر کامپوننت ها Intro to Components
-
پروژه برنامه وب - 7 Web App Project - 7
-
Figma به Google Slides، Powerpoint و Keynote Figma to Google Slides, Powerpoint and Keynote
-
مبانی تایپوگرافی Typography Basics
-
سیستم طراحی در سبک های تایپوگرافی Figma Design System in Figma Typography Styles
-
انتشار فایل ها در انجمن Figma Publish Files to Figma Community
-
میانبرها Shortcuts
-
طراحی وب SaaS - 1 SaaS Web Design - 1
-
معرفی پروژه وب اپلیکیشن Intro to the Web App Project
-
نحوه استفاده از بخش ها در Figma How to Use Sections in Figma
-
معرفی دوره Figma Figma Course Intro
-
رها کردن سایه Drop Shadow
-
ابزار ماسک Mask Tool
-
نحوه حرکت در Figma How to Move in Figma
-
خطوط و فلش ها Lines & Arrows
-
طرح بندی خودکار Autolayout
-
انجمن Figma Figma Community
-
Figma به PDF Figma to PDF
-
مقدمه ای بر انواع Intro to Variants
-
سیستم طراحی در سبک های رنگی Figma Design System in Figma Color Styles
-
نحوه صادرات دارایی در Figma How to Export Assets in Figma
-
ویرایش تصویر Image Editing
-
SaaS Web Design - Discovery Call and User Personas SaaS Web Design - Discovery Call and User Personas
-
تاری پس زمینه Background Blur
-
چگونه سیستم های طراحی را مانند یک پرو در Figma ساختار دهیم How to Structure Design Systems like a Pro in Figma
-
نحوه نصب فایل های پروژه How to Install Project Files
-
ابزار بیضی Ellipse Tool
-
جلوه متن طرح کلی Outline Text Effect
-
سایت های برتر برای تصاویر سلطنتی رایگان Top Sites for Royalty Free Images
-
پروژه برنامه وب - 5 Web App Project - 5
-
Figma به WebP Figma to WebP
-
دست توسعه دهنده Developer Hand off
-
پروژه برنامه وب - 3 Web App Project - 3
-
ویرایش تصاویر با PhotoPea Editing Images with PhotoPea
-
ابزار قلم Pen Tool
-
ویژگی های سبک کپی کردن Copying Style Properties
-
زمان استفاده از کامپوننت ها When to Use Components
-
قاب ها، موقعیت و تراز Frames, Positioning & Alignment
-
ابزارهای حرکت و مقیاس Move & Scale Tools
-
حلقه محتوا Content Reel
-
تصویر به SVG Image to SVG
-
اصول طراحی اتمی 101 Atomic Design Principles 101
-
ضربه قلم مو Brush Stroke
-
آموزش کامل Smart Animate Figma Smart Animate Figma Full Tutorial
-
شبکه های چیدمان Layout Grids
-
سیستم طراحی چیست؟ What is a Design System
-
ابزار برش Slice Tool
-
ابزار مستطیل Rectangle Tool
-
خوش آمدید و نحوه استفاده از این دوره Welcome & How to Use this Course
-
بهترین منابع برای ادامه یادگیری Figma Best Resources to keep learning Figma
-
طراحی وب SaaS - 3 SaaS Web Design - 3
-
بهینه سازی تصویر برای وب Image Optimization for the Web
-
سیستم طراحی در آیکن های Figma Design System in Figma Icons
-
چگونه پلاگین ها را نصب کنیم How to Install Plugins
-
طراحی وب SaaS - 4 SaaS Web Design - 4
-
ریز عکسهای فایل Figma Figma File Thumbnails
-
به اشتراک گذاری کار Sharing Work
-
نظرات در Figma Comments in Figma
-
گردش کار طراحی وب ریسپانسیو من My Responsive Web Design Workflow
-
حالت برنامه نویس Dev Mode
-
متن در اطراف یک مسیر Text around a Path
-
تغییر اندازه فریم ها بدون تغییر اندازه محتوا Resize Frames without Resizing Content
-
نمونه سازی 101 Prototyping 101
-
پروژه برنامه وب - 6 Web App Project - 6
-
ضربه های عرض متغیر Variable Width Strokes
-
چگونه یک فایل را در انجمن Figma به اشتراک بگذاریم How to Share a File to Figma Community
-
طراحی وب SaaS - 2 SaaS Web Design - 2
-
لورم ایپسوم Lorem Ipsum
-
Html به Figma Html to Figma
-
معماری محتوا Content Architecture
https://donyad.com/d/c361b5
Pierluigi Giglio
طراح و مشاور UI/UX Sr
سلام، من Pier هستم و یک طراح و مشاور UI/UX Sr. با بیش از ۸ سال سابقه کار با Fortune 500، شرکت‌های بزرگ و استارت‌آپ‌های سرمایه‌گذاری شده هستم.
من از راه دور کار می‌کردم و اخیراً به‌عنوان یک طراح و کارآفرین در یک سال شش رقم درآمد کسب کرده‌ام در حالی که گهگاه به کشورهای مختلف سفر می‌کنم.
طراحی علاقه و تمرکز اصلی من از 14 سالگی بوده است و از آنجایی که این زمینه چیزهای زیادی به من داده است، فکر می کنم اکنون نوبت من است که دانش خود را به اشتراک بگذارم (به علاوه میانبرها/رازها) تا موفق شوم. طراح که می تواند زندگی و چشم انداز مورد نظر خود را بسازد.
علاوه بر آن، من عاشق آموزش دادن و کمک به رشد و رسیدن به اهداف دیگران هستم.
پس از کار بر روی صدها و صدها پروژه طراحی، همکاری با بیش از 40 مشتری از سراسر جهان و آموزش طراحی به هزاران دانش آموز، بسیار سپاسگزارم که این فرصت را دارم که به انجمن طراحی کمک کنم که به شما کمک کند تا تبدیل شوید. یک طراح بهتر - یک مرحله در یک زمان.
نمایش نظرات