اشتراک پرو
طراحی UI با کلود کد
با دیدن این دوره یاد می‌گیری یک وب‌سایت کامل را با Claude Code، اصولی و با دیزاین سفارشی، مستقیم در فیگما طراحی کنی. کار از بریف و ساختار صفحه‌ها شروع می‌شود و به یک طرح کامل روی دیزاین سیستم می‌رسد. تو تصمیم می‌گیری و Claude اجرا می‌کند. این دوره برای چه کسانی است؟ طراحان UI که می‌خواهند سرعت کارشان چند برابر شود، بدون اینکه کیفیت و هویت طراحی از دست برود. طراحان محصول که می‌خواهند فاصله‌ی ایده تا طرح قابل ارائه را کوتاه کنند. وایب دیزاینرها که با ابزارهای هوش مصنوعی کار می‌کنند و می‌خواهند خروجی‌شان اصولی و حرفه‌ای باشد، نه تصادفی. سرفصل‌ها ۱. معرفی سرفصل‌ها مسیر کلی دوره و نتیجه‌ای که در پایان به آن می‌رسیم. ۲. ساخت بریف پروژه و معماری اطلاعات آماده کردن اطلاعات و توضیحات پروژه، همراه با ساختار صفحه‌ها و رابطه‌ی بین آن‌ها. ۳. نصب اسکیل UI/UX Pro Max اسکیلی که Claude شما را به یک طراح UI/UX تبدیل می‌کند. ۴. معرفی دیزاین سیستم ایرانی DIG یک دیزاین سیستم ایرانی که از کامپوننت‌ها، فونت فارسی و چیدمان راست‌چین پشتیبانی می‌کند و داکیومنت کاملی دارد. ۵. اتصال فیگما به Claude Code فیگما را از طریق MCP به Claude وصل می‌کنیم تا طراحی مستقیم داخل فایل فیگما انجام شود. ۶. اعمال پرامپت درست در Claude Code فایل بریف و معماری اطلاعات را همراه با دیزاین سیستم و اسکیل UI/UX به Claude می‌دهیم تا کار طراحی را شروع کند. ۷. اعمال تغییرات و ویرایش پروژه استایل گاید و خود دیزاین پروژه را ویرایش می‌کنیم تا طرح دقیقاً همان چیزی شود که می‌خواهیم. ۸. روش‌های پرسش و پاسخ اگر وسط کار به مشکل خوردی، اینجا می‌گویم چطور از من کمک بگیری.
مدرس
