آموزش سایتهای فیگما: از طراحی رابط کاربری تا وبسایت بدون کدنویسی - آخرین آپدیت
دانلود Figma Sites: From Ui Design to No-Code Website
وبسایتهای حرفهای را با Figma Sitesطراحی و منتشر کنید؛ ابزار جدید و انقلابی ساخت وبسایت بدون کدنویسی (No-Code) که مستقیماً در دل فیگما ادغام شده است. این قابلیت که در کنفرانس Config 2025 معرفی شد، به شما اجازه میدهد طراحی، پروتوتایپ وانتشار سایت را تنها در یک تب انجام دهید.
این دوره آموزشی سریع برای طراحان وب مبتدی و خلاقانی که ترجیح میدهند زمان خود را صرف ایدهپردازی کنند تا درگیری با کدهای HTML، ایدهآل است. چه به عنوان فریلنسر فعالیت کنید، چه در جستجوی شغل باشید و چه صرفاً بخواهید مکانی شیک برای نمایش آثار خود داشته باشید، در پایان این دوره یک سایت پورتفولیو کاملاً کاربردی و ریسپانسیو خواهید داشت—بدون نیاز به تحویل پروژه به برنامه نویس و بدون هیچ دردسری.
آنچه در این دوره خواهید آموخت:
✨راهاندازی با یک ابزار واحد
طراحی، ویرایش و انتشار مستقیم از بوم (Canvas) فیگما با قابلیت هاستینگ تککلیکی و پیشنمایش زنده.
✨ریسپانسیو به صورت پیشفرض
استفاده از Auto Layout و پیشفرضهای Breakpoint برای اینکه پورتفولیوی شما در هر صفحهای، از مانیتورهای 4K گرفته تا گوشیهای موبایل، عالی به نظر برسد.
✨گردش کار مبتنی بر هوش مصنوعی
آشنایی با ویژگیهای جدید هوش مصنوعی “Make”که کدهای تعاملی آماده برای تولید را تنها از طریق دستورات متنی ساده ایجاد میکند—بدون نیاز به توسعهدهنده.
✨انتشار در چند دقیقه
اتصال دامنه اختصاصی یا انتشار در سایت استیجینگ (تستی).
✨کار هوشمندانهتر
استفاده از قالبهای پیشساخته داخل فیگما برای ساخت سریعتر وبسایت.
در پایان این کلاس، شما اعتماد به نفس و متدولوژی لازم برای انتشار سایتهای پورتفولیو زیبا را به طور مستقل و بدون انتظار برای برنامه نویسان کسب خواهید کرد.
درسها Lessons
-
معرفی دوره Trailer
-
محیط کاری Figma Sites Figma Sites Workspace
-
طراحی چیدمان نسخه دسکتاپ Design Desktop Version Layout
-
طراحی: استایلهای متنی و نوار ناوبری (بخش اول) Design: Text Styles and Navbard Pt.1
-
طراحی: بخش Hero و ویژگیها (بخش دوم) Design: Hero and Features Pt.2
-
طراحی: مزایا و فوتر (بخش سوم) Design: Benefits and Footer Pt.3
-
افزودن تعاملات (اسلایدر لوگو، افکتهای هاور) Add interactions (logo slider, hover effects)
-
بهینهسازی برای موبایل (ریسپانسیو) Make Mobile Responsive
-
انتشار وبسایت شما Publish Your Website
-
پروژه کلاس و منابع Class Project and Resources
https://donyad.com/d/cf81fa
Jeremy Mura
طراح گرافیک و برند، یوتیوبر
درباره جرمی
جرمی مورا یک طراح هویت برند، یوتیوبر و خالق برنده جایزه از سیدنی، استرالیا است.
او به مدت 10 سال در صنعت طراحی بوده و برای برندهای کوچک و بزرگ در سراسر جهان کار می کند. او برای نامهای تجاری مانند دیزنیلند پاریس، ادوبی لایو، مدرسه کسبوکار مککواری، امریکن اکسپرس و تلسترا کار کرده است.
او بیش از 4 میلیون بازدید در یوتیوب دارد و بیش از 500 ویدیو بارگذاری شده است، به بیش از 65 هزار دانشجو در Skillshare آموزش داده است و بیش از 100 هزار دنبال کننده در اینستاگرام افزایش داده است.
جرمی در Adobe Live، , Skillshare, , Creative Market نمایش داده شده است.
او با برندهایی مانند Adobe، Disneyland Paris، Macquarie Business School، UTS و غیره کار کرده است.
میتوانید او را در اینستاگرام دنبال کنید یا منابع رایگان در
دریافت کنید
پرفروشترین سازنده نشان نشان جرمی با بیش از 1000 امکان برای ایجاد نشانهای سفارشی خود است.
برای فریلنسرهایی که میخواهند تجارت طراحی خود را سیستمی کنند.
نمایش نظرات