سوالات شما
ثبتنام
ویژگیها
سرفصلها
سطحها
داینامیک دیزاین
دوره
داینامیک دیزاین
دوره
تلفیق خلاقیت
و بهـرهوری با فیگما
تلفیق خلاقیت
و بهـرهوری با فیگما
طراحی رو حرفهای یاد بگیر و از امکانات پیشرفته برای خلق
طرحهای فوقالعاده استفاده کن.
طراحی رو حرفهای یاد بگیر و از امکانات پیشرفته برای خلق طرحهای فوقالعاده استفاده کن.
یادگیری دیزاین با فیگما
برنامهریزی شده در ۳ مرحله!
ابزار، مهارت و پروژه، در یک دوره جامع.
01
Start
شروع
سفر خود را با فیگما آغاز کنید!
آشنایی با محیط فیگما شامل بررسی Design File، نوارهای کناری (Sidebar)،
نوار ابزار (Toolbar)، و تمامی پنلها و ابزارها. در پایان، با انجام تمرینها و پروژههای عملی،
برای ورود به سطح بعدی یعنی پیشرفت آماده میشویم.
you
graphhit
در حال انتشار
08
Episode
25
Parts
آشنایی اولیه و شناخت محیط دیزاین فیگما
فصل اول
01
معرفی فیگما
در این قسمت، به معرفی کلی نرمافزار فیگما و دلایل انتخاب آن بهعنوان ابزار اصلی طراحی آشنا میشوید.
02
Parts
00
:
04
:
28
02
چطور استفاده کنیم؟
در این قسمت، نحوه نصب نرمافزار فیگما و فعالسازی نسخه پرو بهطور کامل توضیح داده میشود.
02
Parts
00
:
04
:
22
03
آشنایی با محیط طراحی
در این قسمت، با محیط طراحی در فیگما آشنا میشوید.
01
Parts
00
:
01
:
31
04
نوارهای کناری
در این قسمت، با نوار راست و نوار چپ نرمافزار فیگما آشنا میشوید و متوجه میشوید که هر بخش شامل چه امکاناتی است.
02
Parts
00
:
09
:
22
05
آشنایی با نوار ابزار - بخش اول
در این بخش از نوار ابزار، با دو دسته اصلی ابزارها آشنا میشوید: ابزارهای جابهجایی (Move Tools): برای جابهجایی و تنظیم موقعیت عناصر. ابزارهای ناحیهبندی (Region Tools): برای ایجاد و مدیریت نواحی مختلف در طراحی.
02
Parts
00
:
27
:
05
06
آشنایی با نوار ابزار - بخش دوم
در این بخش ادامه ابزارهای نوار ابزار معرفی میشوند: ابزارهای ساخت اشکال (Shape Tools) ابزارهای ایجاد عناصر جدید (Creation Tools) ابزارهای متن و نظرات (Text & Comment Tools)
03
Parts
منتشر نشده
07
پروژهها
در این قسمت، سه پروژه عملی برای تقویت مهارتهای طراحی شما تعریف شده است.
03
Parts
منتشر نشده
08
کار با لایهها
در این قسمت با ابزارهای مرتبط با مدیریت و کار با لایهها آشنا میشوید.
10
Parts
منتشر نشده
02
Progress
پیشرفت
Auto Layout
طراحی حرفهایتر با ابزارهای پیشرفته!
مهارتهای طراحی خود را با ابزارهای پیشرفتهتر مانند Auto Layout و Components ارتقاء دهید. در این سطح، پروژههای حرفهایتر را انجام داده و به تسلط بیشتری در طراحی دست پیدا میکنید.
Componnet
Grids
Style
در حال انتشار
05
Episode
17
Parts
ابزارهای بیشتر در پنل سمت راست.
فصل اول
01
نظم و ظاهر لایهها
Alignment and Distribution
Constraints
Corner radius
Layer (Blend Modes)
04
Parts
منتشر نشده
02
متن و رنگها
Stroke
Fill
Text
Selection Colors
04
Parts
منتشر نشده
03
افکتها و خروجی
Export Setting
Effects
02
Parts
منتشر نشده
04
ماسک و ترکیب لایهها
Boolean Operations
Mask
02
Parts
منتشر نشده
05
آشنایی کامل با گریدها
گرید چیست؟
استفاده از گرید
گریدهای تو در تو
بررسی پنل گرید
قانون ضریب ۸
05
Parts
منتشر نشده
در حال انتشار
02
Episode
13
Parts
آشنایی با Color Picker
فصل دوم
01
آشنایی با بخشهای مختلف
Custom Color/ Libraries
Add to libraries
Blend mode
Select a color
Fill type
Opacity
Eyedropper tool
Hue
08
Parts
منتشر نشده
02
Color Models
HSL
HSB
RGB
Hex
CSS
05
Parts
منتشر نشده
در حال انتشار
02
Episode
08
Parts
استایلها و وریبلها در فیگما
فصل سوم
01
Style in Figma
آشنایی و کاربرد استایلها
ایجاد استایل برای متن، رنگها، افکتها و گرید
مدیریت و اشتراک استایلها
03
Parts
منتشر نشده
02
Variables in Figma
آشنایی با پنل وریبلها
تفاوت وریبل و استایل
تم دارک و لایت با وریبل
ایجاد و مدیریت وریبلها
استفاده از وریبلها در دیزاین
05
Parts
منتشر نشده
در حال انتشار
02
Episode
10
Parts
آشنایی با Auto Layout
فصل چهارم
01
بررسی پنل Auto layout
Alignment
Spacing
Layout flow
Keyboard shortcut
Resizing
05
Parts
منتشر نشده
02
استفاده از Auto layout
Suggest auto layout
Add auto layout
Add, edit, and remove objects
Remove auto layout
Prototypes with auto layout
05
Parts
منتشر نشده
در حال انتشار
03
Episode
14
Parts
کامپوننتها
فصل پنجم
01
آشنایی و ایجاد کامپوننت
Create a component
Delete a component
Restore a component
03
Parts
منتشر نشده
02
آشنایی و ایجاد ورینتها
Variant Properties
Rename
Organize
Combine as Variants
Properties Names
Descriptive names
New Variants
Add properties and values
08
Parts
منتشر نشده
03
پروتوتایپ در کامپوننتها
Before & After
Create variant interactions
Use interactive components
03
Parts
منتشر نشده
در حال انتشار
03
Episode
10
Parts
آشنایی با منو اکشن
فصل ششم
01
بررسی منو اکشن
All Tab
Assets
Plugins & Widgets
03
Parts
منتشر نشده
02
کتابخانه فیگما
Components
Styles
Variables
03
Parts
منتشر نشده
03
فیگما کامیونیتی
Explore the Figma Community
Community resource types
Resource Community pages
Community profiles
04
Parts
منتشر نشده
در حال انتشار
03
Episode
08
Parts
طراحی تمپلیت و بنر ،پروژه محور
فصل هفتم
01
طراحی تمپلیت فروشگاهی
ریلز
پست
استوری
هایلایت
04
Parts
منتشر نشده
02
طراحی تمپلیت داینامیک
پست
استوری
02
Parts
منتشر نشده
03
طراحی بنرهای فروشگاه
طراحی اسلایدر
طراحی بنر
02
Parts
منتشر نشده
03
Mastery
تسلط
در شاخههای مختلف دیزاین متخصص شوید!
در این سطح، فیگما را به عنوان ابزاری برای تخصصهای مختلف دیزاین مانند طراحی لوگو، آیکون و
رابط کاربری به کار خواهید گرفت و به تسلط کامل در پروژههای حرفهای میرسید.
Ui/Ux
icon Design
Logo Design
illustration
در حال انتشار
03
Episode
03
Parts
تصویرسازی با فیگما، پروژه محور
فصل اول
01
پروژه ساده برای شروع
Simple illustration
01
Parts
منتشر نشده
02
پروژه متوسط با کمی پیچیدگی
Moderate illustration
01
Parts
منتشر نشده
03
پروژه تصویرسازی حرفهای
Complex illustration
01
Parts
منتشر نشده
در حال انتشار
03
Episode
07
Parts
پرتوتایپ و موشن دیزاین با فیگما (ویدیو و ریلز اینستاگرام)
فصل دوم
01
آشنایی کامل با پرتوتایپینگ
Flows and starting points
Create interactions and animations
Adjust prototype settings
Play your prototypes
Share and Export
05
Parts
منتشر نشده
02
پرتوتایپینگ در رابط کاربری
Prototype in Ui
01
Parts
منتشر نشده
03
طراحی ریلز موشن اینستاگرام
Prototype in instagram Reels
01
Parts
منتشر نشده
در حال انتشار
03
Episode
18
Parts
طراحی انواع آیکون حرفهای در فیگما
فصل سوم
01
شروع مسیر طراحی آیکون
Basics Shape
Edit Objects
Strokes & Fills
Outline mode
Snap settings
Pen
Boolean Operations
07
Parts
منتشر نشده
02
نکات طراحی آیکون حرفهای
Style
Sketch
Color & Size
Grids and Key Shapes
Create icon
Component
Pixel Perfect
Harmonious icons
use in user interface
Best icons
10
Parts
منتشر نشده
03
پروژه طراحی پک آیکون
Pack icon Design
01
Parts
منتشر نشده
در حال انتشار
13
Episode
52
Parts
طراحی لوگو از بریف تا برندبوک
فصل چهارم
01
دریافت بریف
Client's Needs
Project Scope
02
Parts
منتشر نشده
02
تعریف هویت برند
Brand Mission
Target Audience
Core Values
03
Parts
منتشر نشده
03
الهام گرفتن
Competitor Analysis
Market Research
Mood Boards
03
Parts
منتشر نشده
04
تعیین سبک لوگو
Modern
Classic
Playful
Serious
Geometric
Organic
06
Parts
منتشر نشده
05
انتخاب نوع لوگو
Wordmark/Logotype
Symbols/Pictorial
Abstract
Mascot
Combination
Emblem
Dynamic
Responsive
Single Line
3D
Minimalist
Grid-based
12
Parts
منتشر نشده
06
تصمیمگیری در مورد ترکیب رنگها
Color Psychology
Primary Colors
Secondary Colors
Tertiary Colors
04
Parts
منتشر نشده
07
انتخاب فونت
Serif or Sans-Serif
Custom Typography
Readability
03
Parts
منتشر نشده
08
مشخص کردن شکل لوگو
Symmetry
Proportions
Scalability
03
Parts
منتشر نشده
09
طراحی لوگو
Sketch Ideas
Digital Drafts
Initial Feedback
03
Parts
منتشر نشده
10
تکمیل و اصلاح نتایج
Iterations
Adjustments
Polishing Details
03
Parts
منتشر نشده
12
آمادهسازی برای استفاده لوگو
File Formats
Usage Guidelines
Launch Plan
03
Parts
منتشر نشده
13
طراحی برندبوک
Logo Guidelines
Color and Typography
Imagery and Graphics
Tone of Voice
Application Examples
05
Parts
منتشر نشده
در حال انتشار
03
Episode
09
Parts
طراحی رابط کاربری با فیگما، از ریسرچ تا پرتوتایپینگ
فصل پنجم
01
تفاوت تجربهکاربری و رابطکاربری
UI vs UX
01
Parts
منتشر نشده
02
طراحی رابطکاربری در ۷ مرحله
UX research
Sketching and Wireframing
Prototyping
Visual Design
Usability Testing
Implementation
Launch and Iteration
07
Parts
منتشر نشده
03
طراحی یوآی فروشگاه عطر
Online Shop Ui Design
01
Parts
منتشر نشده
یادگیری دیزاین با فیگما
برنامهریزی شده در ۳ مرحله!
ابزار، مهارت و پروژه، در یک دوره جامع.
01
Start
شروع
سفر خود را با فیگما آغاز کنید!
آشنایی با محیط فیگما شامل بررسی Design File، نوارهای کناری (Sidebar)، نوار ابزار (Toolbar)، و تمامی پنلها و ابزارها. در پایان، با انجام تمرینها و پروژههای عملی، برای ورود به سطح بعدی یعنی پیشرفت آماده میشویم.
you
graphhit
در حال انتشار
08
Episode
25
Parts
آشنایی اولیه و شناخت محیط دیزاین فیگما
فصل اول
01
معرفی فیگما
در این قسمت، به معرفی کلی نرمافزار فیگما و دلایل انتخاب آن بهعنوان ابزار اصلی طراحی آشنا میشوید.
02
Parts
00
:
04
:
28
02
چطور استفاده کنیم؟
در این قسمت، نحوه نصب نرمافزار فیگما و فعالسازی نسخه پرو بهطور کامل توضیح داده میشود.
02
Parts
00
:
04
:
22
03
آشنایی با محیط طراحی
در این قسمت، با محیط طراحی در فیگما آشنا میشوید.
01
Parts
00
:
01
:
31
04
نوارهای کناری
در این قسمت، با نوار راست و نوار چپ نرمافزار فیگما آشنا میشوید و متوجه میشوید که هر بخش شامل چه امکاناتی است.
02
Parts
00
:
09
:
22
05
آشنایی با نوار ابزار - بخش اول
در این بخش از نوار ابزار، با دو دسته اصلی ابزارها آشنا میشوید: ابزارهای جابهجایی (Move Tools): برای جابهجایی و تنظیم موقعیت عناصر. ابزارهای ناحیهبندی (Region Tools): برای ایجاد و مدیریت نواحی مختلف در طراحی.
02
Parts
00
:
27
:
05
06
آشنایی با نوار ابزار - بخش دوم
در این بخش ادامه ابزارهای نوار ابزار معرفی میشوند: ابزارهای ساخت اشکال (Shape Tools) ابزارهای ایجاد عناصر جدید (Creation Tools) ابزارهای متن و نظرات (Text & Comment Tools)
03
Parts
منتشر نشده
07
پروژهها
در این قسمت، سه پروژه عملی برای تقویت مهارتهای طراحی شما تعریف شده است.
03
Parts
منتشر نشده
08
کار با لایهها
در این قسمت با ابزارهای مرتبط با مدیریت و کار با لایهها آشنا میشوید.
10
Parts
منتشر نشده
02
Progress
پیشرفت
Auto Layout
طراحی حرفهایتر با ابزارهای پیشرفته!
مهارتهای طراحی خود را با ابزارهای پیشرفتهتر مانند Auto Layout و Components ارتقاء دهید. در این سطح، پروژههای حرفهایتر را انجام داده و به تسلط بیشتری در طراحی دست پیدا میکنید.
Componnet
Grids
Style
در حال انتشار
05
Episode
17
Parts
ابزارهای بیشتر در پنل سمت راست.
فصل اول
01
نظم و ظاهر لایهها
Alignment and Distribution
Constraints
Corner radius
Layer (Blend Modes)
04
Parts
منتشر نشده
02
متن و رنگها
Stroke
Fill
Text
Selection Colors
04
Parts
منتشر نشده
03
افکتها و خروجی
Export Setting
Effects
02
Parts
منتشر نشده
04
ماسک و ترکیب لایهها
Boolean Operations
Mask
02
Parts
منتشر نشده
05
آشنایی کامل با گریدها
گرید چیست؟
استفاده از گرید
گریدهای تو در تو
بررسی پنل گرید
قانون ضریب ۸
05
Parts
منتشر نشده
در حال انتشار
02
Episode
13
Parts
آشنایی با Color Picker
فصل دوم
01
آشنایی با بخشهای مختلف
Custom Color/ Libraries
Add to libraries
Blend mode
Select a color
Fill type
Opacity
Eyedropper tool
Hue
08
Parts
منتشر نشده
02
Color Models
HSL
HSB
RGB
Hex
CSS
05
Parts
منتشر نشده
در حال انتشار
02
Episode
08
Parts
استایلها و وریبلها در فیگما
فصل سوم
01
Style in Figma
آشنایی و کاربرد استایلها
ایجاد استایل برای متن، رنگها، افکتها و گرید
مدیریت و اشتراک استایلها
03
Parts
منتشر نشده
02
Variables in Figma
آشنایی با پنل وریبلها
تفاوت وریبل و استایل
تم دارک و لایت با وریبل
ایجاد و مدیریت وریبلها
استفاده از وریبلها در دیزاین
05
Parts
منتشر نشده
در حال انتشار
02
Episode
10
Parts
آشنایی با Auto Layout
فصل چهارم
01
بررسی پنل Auto layout
Alignment
Spacing
Layout flow
Keyboard shortcut
Resizing
05
Parts
منتشر نشده
02
استفاده از Auto layout
Suggest auto layout
Add auto layout
Add, edit, and remove objects
Remove auto layout
Prototypes with auto layout
05
Parts
منتشر نشده
در حال انتشار
03
Episode
14
Parts
کامپوننتها
فصل پنجم
01
آشنایی و ایجاد کامپوننت
Create a component
Delete a component
Restore a component
03
Parts
منتشر نشده
02
آشنایی و ایجاد ورینتها
Variant Properties
Rename
Organize
Combine as Variants
Properties Names
Descriptive names
New Variants
Add properties and values
08
Parts
منتشر نشده
03
پروتوتایپ در کامپوننتها
Before & After
Create variant interactions
Use interactive components
03