آموزش طراحی وب با فیگما - طراحی به سبک برنامهنویس و تولید کد با هوش مصنوعی - آخرین آپدیت
دانلود Figma Web Design - Build Like A Developer, Generate Code With AI
در این دوره، ما به فیگما نه مانند طراحان سنتی، بلکه از دیدگاه یک توسعهدهنده وب نگاه میکنیم. اگر برنامهنویسی هستید که میخواهید طراحی را بیاموزید اما در عین حال به ساختار تمیز، ریسپانسیو بودن و قابلیت تولید کدهای کاربردی اهمیت میدهید، این دوره برای شماست.
ما مبانی کار با فیگما، نحوه ایجاد لایوتهای ریسپانسیو با استفاده از Auto-layout، کامپوننتها و نامگذاری صحیح لایهها را بررسی میکنیم و سپس یک گام فراتر میرویم؛ یعنی استفاده از ابزارهای مبتنی بر هوش مصنوعی مانند Locofy و Cursor برای تبدیل مستقیم طرحها به کد.
در پایان این دوره، شما نه تنها در ایجاد طرحها با فیگما مهارت مییابید، بلکه یک گردشکار (Workflow) خواهید داشت که شکاف بین طراحی و توسعه را پر میکند و شما را به یک توسعهدهنده وب کارآمدتر و همهفنحریف تبدیل میکند.
درسها Lessons
-
مقدمه Introduction
-
دموی پروژه Demonstration
-
مبانی فیگما Figma Basics
-
طراحی به سبک برنامهنویس - بخش اول: ساختار ریسپانسیو Build like a developer - Part 1: Responsive Structure
-
طراحی به سبک برنامهنویس - بخش دوم: هدر وبسایت Build like a developer - Part 2: Website Header
-
طراحی به سبک برنامهنویس - بخش سوم: بخش Hero Build like a developer - Part 3: Hero Section
-
طراحی به سبک برنامهنویس - بخش چهارم: بخش مجموعههای ویژه Build like a developer - Part 4: Featured Collection Section
-
طراحی به سبک برنامهنویس - بخش پنجم: فوتر وبسایت Build like a developer - Part 5: Website Footer
-
طراحی به سبک برنامهنویس - بخش ششم: فریم موبایل Build like a developer - Part 6: Mobile Frame
-
تبدیل فیگما به کد با Locofy AI Figma to Code with Locofy AI
-
تبدیل فیگما به کد با Cursor و سرور Figma MCP Figma to Code with Cursor and the Figma MCP Server
-
پاکسازی نهایی کدها Final Code Cleanup
-
حالتهای متغیر در فیگما (Variable Modes) Figma Variable Modes
-
جمعبندی و پروژه نهایی دوره Conclusion & Class Project
https://donyad.com/d/732d00
Christopher Dodd
توسعه دهنده وب/مدرس
کریستوفر داد یک توسعهدهنده وب خودآموخته، یوتیوببر و وبلاگنویس است که مأموریت دارد به افراد کمک کند مهارتهای آزادکاری را بیاموزند و به طور مستقل امرار معاش کنند.
کریس در سال 2015 توسعه وب را به منظور کار از راه دور و سفر به جهان آموخت و این کار را برای بیش از 2 سال گذشته انجام داده است.
کریس از طریق کانال یوتیوب، وبلاگ و اینستاگرام خود الهام بخش و آموزش میدهد تا «عشایر دیجیتال» تازه کار را تعقیب کنند و به دنبال شغلی مستقل از موقعیت مکانی باشند.
من اخیراً یک انجمن Patreon را برای توسعه دهندگانی راه اندازی کردم که به دنبال کسب اطلاعات بیشتر در مورد تخصصی توسعه تم Shopify هستند.
اینجا را بررسی کنید =
این ویدیوی کوتاه زیر را تماشا کنید تا بدانید چگونه به این بخش خاص از توسعه وب فرانتاند رسیدم و چرا اکنون زمان خوبی برای شروع کار آزاد در این زمینه است.
نمایش نظرات