‏UXPin Forge با کامپوننت‌های واقعی React رابط کاربری می‌سازه

Forge سیستم هوش مصنوعی داخل ابزار UXPin ـه که ادعای اصلیش اینه: به‌جای تولید وکتور یا شکل‌های گرافیکی، رابط کاربری رو با کامپوننت‌های واقعی React می‌سازه — همون کامپوننت‌هایی که تیم تو پروداکشن استفاده می‌کنه، با پراپ‌ها، واریانت‌ها و state‌های واقعی.

روش کار اینه که اول بلوک‌های ساختمانیت رو انتخاب می‌کنی: یا از کتابخانه‌های داخلی و آمادهٔ React مثل shadcn/ui، MUI، Ant Design و Bootstrap، یا کتابخانهٔ اختصاصی خودت رو از طریق Git وصل می‌کنی. بعد یا با پرامپت توصیف می‌کنی چه رابطی می‌خوای، یا یه اسکرین‌شات/وایرفریم آپلود می‌کنی تا Forge باهاش (قابلیت image-to-UI) طرح رو با کامپوننت‌های تو بازسازی کنه، یا دستی طراحی می‌کنی. هر لحظه می‌تونی بین ویرایش هوش مصنوعی و ویرایش دستی جابه‌جا بشی.

نقطهٔ فروش اصلی خروجیشه: کد JSX آمادهٔ عرضه که به کامپوننت‌های همون کتابخانهٔ تو ارجاع می‌ده — با همون import‌ها، اسم کامپوننت‌ها و مقدار پراپ‌هایی که توسعه‌دهنده‌هات از قبل استفاده می‌کنن. می‌شه کدو کپی کرد، تو CodeSandbox باز کرد یا مستقیم به پروژه اکسپورت کرد، بدون مرحلهٔ ترجمه یا بازسازی.

خود صفحه، Forge رو با چند ابزار دیگه مقایسه می‌کنه. برخلاف هوش مصنوعی Figma که وکتور تولید می‌کنه و توسعه‌دهنده باید از صفر بسازتش، خروجی Forge به کد وصله. برخلاف Lovable و Bolt که با کامپوننت‌ها و الگوهای خودشون کار می‌کنن و با بزرگ‌شدن پروژه حفظ یکپارچگی سخت می‌شه، Forge با کتابخانه و قواعد دیزاین‌سیستم خودت جلو می‌ره. و برخلاف v0 که عمدتاً روی shadcn بهینه شده، Forge با هر کتابخانهٔ React (داخلی یا سفارشی) کار می‌کنه.

برای تیم‌ها هم چند قابلیت داره: می‌شه با یه متن ساده «راهنمای دیزاین‌سیستم» تعریف کرد که همهٔ خروجی‌ها رو محدود کنه، کتابخانه رو از طریق Git سینک کرد و با version control شاخه یا تگ درست رو انتخاب کرد. Forge از چند مدل هوش مصنوعی پشتیبانی می‌کنه — از جمله Claude (در نسخه‌های Sonnet، Opus و Haiku) و مدل‌های GPT — و می‌شه کلید API اختصاصی OpenAI یا Anthropic خودت رو برای مدیریت هزینه و انطباق سازمانی وصل کنی.

نکات کلیدی:

• Forge با کامپوننت‌های واقعی React (نه وکتور) رابط کاربری تولید می‌کنه.
• کتابخانه‌های آماده: shadcn/ui، MUI، Ant Design، Bootstrap؛ یا دیزاین‌سیستم خودت از طریق Git.
• خروجی، کد JSX آمادهٔ عرضه با همون پراپ‌ها و import‌های پروداکشن ـه.
• از مدل‌های Claude و GPT پشتیبانی می‌کنه و امکان استفاده از کلید API خودت رو می‌ده.