آموزش Figma Sites - از طراحی رابط کاربری تا وبسایت بدون کد
✅ سرفصل و جزئیات آموزش
طراحی و انتشار وبسایتهای حرفهای Figma Sites، یک website builder بدون کد جدید که به صورت یکپارچه در فیگما ساخته شده در 2025 معرفی شد. Sites به شما امکان میدهد تا طراحی، نمونهسازی اولیه و انتشار را در یک تب انجام دهید.
این دوره فشرده برای طراحان وب مبتدی و خلاقان مناسب است که ترجیح میدهند وقت خود را در خلق ایدهها صرف کنند تا درگیر HTML شوند. چه به صورت فریلنسری کار میکنید، در جستجوی شغل هستید یا فقط میخواهید مکانی شیک برای نمایش آثار خود داشته باشید، در پایان این کلاس میتوانید وبسایت پورتفولیوی کاملاً تابعی و واکنشگرا، بدون موارد اضافه و بدون زحمت، داشته باشید.
آنچه در این دوره یاد میگیرید؟
راهاندازی در یک ابزار
- طراحی، tweak و انتشار مستقیم از بوم Figma با میزبانی یک کلیک و پیشنمایش لایو
واکنشگرایی پیشفرض
- استفاده از طرحبندی خودکار و پریستهای نقطه شکست تا پورتفولیوی شما در هر صفحه نمایش، از مانیتورهای 4K تا روی موبایل
گردشکار مجهز به هوش مصنوعی
- نظاره ویژگیهای جدید Make در هوش مصنوعی که کد تعامل آماده تولید را از پرامپتهای ساده زبانی تولید میکند، بدون نیاز به توسعهدهنده
انتشار در چند دقیقه
- اتصال به دامنه سفارشی یا انتشار در سایت استیجینگ
کار هوشمندانهتر
- استفاده از قالبهای پیش ساخته در داخل فیگما برای ساخت سریعتر وبسایت خود
در پایان کلاس، اعتمادبهنفس و گردشکار لازم برای انتشار وبسایتهای پورتفولیوی زیبا را خواهید داشت، بدون اینکه منتظر توسعهدهندگان باشید.
آموزش Figma Sites - از طراحی رابط کاربری تا وبسایت بدون کد
-
پیشنمایش 0:01:11
-
فضای کاری Figma Sites 0:03:53
-
طراحی طرحبندی نسخه دسکتاپ 0:03:16
-
طراحی استایلهای متن و نوار ناوبری 0:04:42
-
طراحی بخش Hero و ویژگیها 0:06:08
-
طراحی مزایا و فوتر 0:05:14
-
افزودن تعاملات (اسلایدر لوگو، افکتهای هاور) 0:05:20
-
واکنشگرا کردن موبایل 0:04:49
-
انتشار وبسایت خود 0:00:59
-
پروژه کلاسی و منابع 0:00:38
مشخصات آموزش
آموزش Figma Sites - از طراحی رابط کاربری تا وبسایت بدون کد
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:مقدماتی
- تعداد درس:10
- مدت زمان :0:36:10
- حجم :201.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy