🎨 M3E Canvas
طراحی رابط اپلیکیشن برای عصر AI
اگر میخواهید قبل از ساخت اپ، ظاهر و مسیر صفحات آن را سریع طراحی کنید، M3E Canvas یک ابزار متنباز و کاربردی است.
🧩 باهاش میتوانید:
▫️ رابط کاربری را با Drag & Drop طراحی کنید
▫️ چندین صفحه بسازید و بین آنها Navigation تعریف کنید
▫️ از کامپوننتهای Material 3 Expressive استفاده کنید
▫️ رنگ، فونت، شکل و انیمیشنها را شخصیسازی کنید
▫️ طراحی را در Preview ببینید و بهصورت PNG خروجی بگیرید
▫️ طرح نهایی را به Prompt مخصوص AI Coding تبدیل کنید 🤖
🔥 نکته جذاب: میتوانید طراحی خود را برای ابزارهایی مثل Claude Code، Codex، Gemini CLI و Cursor به پرامپت تبدیل کنید تا هوش مصنوعی بر اساس آن شروع به پیادهسازی اپ کند.
💡 مسیر کار تقریباً اینه:
ایده → طراحی UI → اتصال صفحات → تولید Prompt → کدنویسی با AI
🆓 کاملاً Open Source و با مجوز MIT
🔗 لینکها:
🌐 نسخه آنلاین:
https://lnkiai.github.io/m3e-canvas/
💻 GitHub:
https://github.com/lnkiai/m3e-canvas
https://t.me/vpn_proxy400
lnkiai.github.io
M3E Canvas
Design Material 3 Expressive screens, link them, preview them, and copy a prompt for your AI coding tool.
7
2September 4, 2026 457 10
