آموزش Vibe Coding با ابزار Figma Make - آخرین آپدیت
دانلود Learn to Vibe Code with Figma Make
آیا تا به حال پیش آمده که یک طراحی زیبا در فیگما خلق کنید و آرزو کنید ای کاش میتوانستید بدون نوشتن حتی یک خط کد پیچیده، به آن جانببخشید؟ آیا میخواهید فاصله بین صفحات استاتیک و تجربههای تعاملی که شخصیت خاصی دارند را پر کنید؟ به Vibe Coding خوش آمدید—آینده توسعه بصری و شهودی مبتنی بر طراحی.
این دوره یک معرفی کاربردی و دوستانه به Figma Makeاست؛ ابزاری انقلابی که به شما کمک میکند چشمانداز خلاقانه خود را به کامپوننتهای کاربردی و تعاملی تبدیل کنید. ما کدهای خشک و ترسناک را کنار میگذاریم و در عوض بر روی "Vibe" یا همان حس، جریان و جادوی یک تجربه کاربری عالی تمرکز میکنیم. شما یاد میگیرید چگونه به طرحهای خود روح ببخشید و انیمیشنهای روان، چیدمانهای واکنشگرا (Responsive) و میکرو-تعاملات جذابی خلق کنید که خیرهکننده به نظر برسند.
در پایان این دوره، شما قادر خواهید بود:
-
تسلط بر رابط کاربری Figma Make:با اعتماد به نفس از ابزارها برای تبدیل طرحهای استاتیک به پروتوتایپهای پویا استفاده کنید.
-
تبدیل طرحها به Vibe Code:کامپوننتهای فیگما را به راحتی به قطعه کدهای تعاملی و قابل استفاده تبدیل کنید.
-
انیمیشنسازی با شخصیت:ترنزیشنهای زیبا و میکرو-تعاملاتی اضافه کنید که کاربران را به وجد بیاورد.
-
ساخت پروتوتایپهای واکنشگرا:اصول طراحی ریسپانسیو را درک کرده و چیدمانهایی بسازید که در هر اندازه صفحهای به درستی نمایش داده شوند.
-
درک وضعیتهای کامپوننت (Component States):وضعیتهای مختلف مانند Hover، Pressed و Disabled را برای ایجاد یک تجربه کاربری واقعگرایانه مدیریت کنید.
-
خروجی گرفتن و اشتراکگذاری آثار:یاد بگیرید چگونه ساختههای تعاملی خود را با تیم، مشتریان یا دنیای بیرون به اشتراک بگذارید.
این دوره برای چه کسانی است؟
این دوره برای افراد زیر ایدهآل است:
-
طراحان UI/UXکه میخواهند پروتوتایپهای تعاملی با کیفیت بالا به پورتفولیوی خود اضافه کنند.
-
طراحان گرافیککه مشتاق یادگیری دنیای طراحی تعاملی هستند.
-
مدیران محصول و کارآفرینانکه میخواهند ایدههای خود را سریعاً بسازند و تست کنند.
-
دانشجویان و علاقهمندانکه به دنبال یک رویکرد بصری و سرگرمکننده برای یادگیری مفاهیم کدنویسی هستند.
-
هر کسی که فکر میکند کدنویسی ترسناک است!(قول میدهیم نظرتان را تغییر دهیم).
پیشنیازها
به طور مطلق هیچ تجربه قبلی در کدنویسی مورد نیاز نیست!تمام آنچه نیاز دارید:
-
آشنایی ابتدایی با محیط طراحی فیگما (Figma).
-
یک کامپیوتر با دسترسی به نرمافزار فیگما.
-
ذهنی باز و اشتیاق برای خلق آثار زیبا!
درسها Lessons
-
معرفی Figma Make Figma Make Intro
-
تور محیط Figma Make Figma Make Tour
-
چگونه با استفاده از یک تصویر مرجع، اپلیکیشن بسازیم How to make an app using a reference image
-
چگونه یک نسخه متفاوت از Uno به نام Bruno ساختم How I made a Variant of Uno Called Bruno
-
معرفی جامعه کاربری Figma Make Introduction to the Figma Make Community
-
طراحی مونوپولی سولانا در فیگما Figma Solana Monopoly
-
بازطراحی فروشگاه تجارت الکترونیک با اتصال Stripe Remixing an Ecommerce Store with Stripe Integration
-
جمعبندی Figma Make Figma make summary
https://donyad.com/d/54057d
Greg Hung
با خلاقیت خود آزادی زمان و مکان خود را ایجاد کنید
نمایش نظرات