آموزش پروتوتایپینگ پیشرفته با Figma Make (بدون نیاز به کدنویسی) - آخرین آپدیت

مقدمه Introduction

• ساخت یک پروتوتایپ کاربردی بدون نیاز به مهندسی Build a functional prototype without engineering

1. از پرامپت تا پروتوتایپ: تولید رابط‌های کاربری کامل با AI 1. From Prompt to Prototype: Generating Complete UIs with AI

• استفاده از اسکرین‌شات‌ها و دارایی‌های گرافیکی Using screenshots and assets

• بهینه‌سازی صفحات تولید شده توسط AI با پرامپت‌های تکرارشونده Refine your AI-generated screens with iterative prompting

• زمان و دلیل انتخاب مدل‌های خاص AI در Figma Make When and why to choose specific AI models in Figma Make

• نوشتن اولین پرامپت در Figma Make Write your first prompt in Figma Make

• تولید صفحات اضافی در پروتوتایپ شما Generate additional screens in your prototype

• برنامه‌ریزی اپلیکیشن: ایجاد یک سند PRD مفهومی Plan your app: Creating a vibe PRD

2. تجربه کاربری (UX) در فیگما 2. Figma UX

• تبدیل طرح‌های موجود فیگما به کد با استفاده از Figma Make Convert existing Figma designs into code with Figma Make

• وارد کردن کانتکست طراحی از کتابخانه فیگما Bring design context from a Figma library

• انتقال پروتوتایپ به فیگما برای اصلاحات طراحی Move your prototype into Figma for design refinement

3. دیتابیس و APIها 3. Database and APIs

• اتصال به APIهای شخص ثالث در Figma Make Connect third-party use APIs in Figma Make

• مشاهده و ویرایش کدهای React در Figma Make View and edit the React code from Figma Make

• اتصال به AI و داده‌ها با سرویس‌های MCP در Figma Make Connect to AI and data with MCP services in Figma Make

• ایجاد یک بک‌اِند بدون کد (No-Code) Create a no-code back end

4. انتشار و پخش 4. Publishing

• ساخت قالب‌های قابل استفاده مجدد برای سرعت بخشیدن به پروژه‌های جدید Create reusable templates to speed up new projects

• اشتراک‌گذاری پروژه‌های Figma Make با جامعه فیگما Share your Figma Make projects with the Figma community

• خروجی به گیت‌هاب برای تحویل به توسعه‌دهنده Export to GitHub for developer handoff

• انتشار و پیش‌نمایش پروتوتایپ روی وب Publish and preview your prototype on the web

جمع‌بندی Conclusion

• گام‌های بعدی Next steps