پلتفرم هوش مصنوعی واندر؛ پایان دوباره‌کاری در تیم‌های محصول

پلتفرم هوش مصنوعی واندر با اتصال مستقیم طراحی بصری به کدهای فرانت‌اند، راهکاری انقلابی برای حذف دوباره‌کاری در تیم‌های محصول ارائه می‌دهد. این ابزار مرز میان طراحان و توسعه‌دهندگان را کمرنگ کرده و سرعت تولید محصول را افزایش می‌دهد.

شرکت واندر (Wonder) بر این باور است که با سرعت بخشیدن به فرآیند تولید رابط‌های کاربری توسط هوش مصنوعی، اهمیت قضاوت انسانی در هدایت تصمیمات محصول نه تنها کاهش نمی‌یابد، بلکه دوچندان خواهد شد.

واندر پلتفرم طراحی مبتنی بر هوش مصنوعی خود را راه‌اندازی کرده است که ارتباط مستقیم میان طراحی بصری و کدهای فرانت‌اند (Front-end) را حفظ می‌کند. تیم‌های محصول در سازمان‌ها اکنون باید تصمیم بگیرند که آیا این محیط طراحی (Canvas) می‌تواند تا حد کافی از نیاز به پیاده‌سازی مجدد کدها بکاهد تا جایگاه خود را در جریان کاری فعلی آن‌ها پیدا کند یا خیر. این پیوند می‌تواند جلوی حجم گسترده‌ای از کارهای تکراری و بازنویسی‌های بیهوده را بگیرد.

در یک جریان کاری سنتی، مهندسان ناچارند طرح‌های تاییدشده را پیش از اتصال به داده‌های واقعی و سیستم‌های بک‌اند (Backend)، مجددا در قالب کد پیاده‌سازی کنند. واندر برخلاف این روش، کدهای رابط کاربری را که در طول فرآیند طراحی ایجاد شده‌اند، در اختیار آن‌ها قرار می‌دهد؛ هرچند توسعه‌دهندگان همچنان باید آن کدها را بررسی کرده و بخش‌هایی را که برای عملکرد امن و قابل اعتماد ویژگی‌ها لازم است، تکمیل کنند.

با سرعت گرفتن تولید رابط‌های کاربری توسط هوش مصنوعی، اهمیت این رویکرد دوچندان شده است. با وجود گزینه‌های بیشتر، همچنان نیاز به انسان‌هایی است که تصمیم بگیرند چه اطلاعاتی باید مورد توجه قرار گیرد، مشتریان چگونه باید در محصول پیمایش کنند و کدام نسخه ارزش ساختن دارد. از آنجا که شرکت‌های Replit و Figma نیز در تلاش‌اند تا طراحی بصری و کدهای عملیاتی را به هم نزدیک‌تر کنند، واندر باید ثابت کند که تمرکز بر یک «بوم طراحی طراح-محور» (Designer-first canvas)، مزیت رقابتی معناداری ایجاد می‌کند.

این پلتفرم مستقیما بر طراحان، مدیران محصول و توسعه‌دهندگانی که روی محصولات تثبیت‌شده کار می‌کنند، تأثیر می‌گذارد. طراحان و مدیران محصول می‌توانند تجربه بصری محصول را با استفاده از کامپوننت‌های واقعی هدایت کنند، در حالی که توسعه‌دهندگان کنترل پایگاه کد (Codebase) و سیستم‌های بک‌اند را که زیرساخت عملکرد رابط کاربری را فراهم می‌کنند، در اختیار خود نگه می‌دارند.

به زبان ساده، واندر روی این موضوع شرط‌بندی کرده است که وقتی هوش مصنوعی می‌تواند رابط‌های کاربری را به سرعت بسازد، اهمیت قضاوت انسانی در محصول دوچندان می‌شود. موفقیت این ایده بستگی به این دارد که آیا این بوم طراحی می‌تواند تصمیمات اتخاذ شده را با چنان دقت و وفاداری به کد منتقل کند که توسعه‌دهندگان را از پیاده‌سازی مجدد رابط کاربری‌ای که تیم قبلا تایید کرده است، بی‌نیاز سازد یا خیر.

فرآیند انتقال طراحی به کد (Design-to-code handoff)، مرحله‌ای است که در آن مهندسان، یک طراحی بصری مجزا را به کدهای فرانت‌اندی تبدیل می‌کنند که کاربران با آن تعامل دارند.

نکات کلیدی: پلتفرم هوش مصنوعی واندر برای تیم‌های محصول مستقر

* اتصال تصمیمات طراحی به کد: این پلتفرم به تیم‌های محصول اجازه می‌دهد رابط‌های بصری را ایجاد و اصلاح کنند، در حالی که تصمیمات طراحی تاییدشده را با کدهای فرانت‌اندی که توسعه‌دهندگان بررسی می‌کنند، مرتبط نگه می‌دارند.

* یکپارچگی با GitHub: واندر می‌تواند صفحات محصولات موجود، کامپوننت‌های قابل استفاده و قوانین طراحی را از GitHub به بوم خود وارد کند تا در طراحی‌های تولیدشده توسط هوش مصنوعی مورد استفاده قرار گیرند.

* مقایسه نسخه‌های مختلف: طراحان و مدیران محصول می‌توانند چندین نسخه از رابط کاربری را ایجاد کنند، نحوه سازماندهی تجربه مشتری در هر نسخه را مقایسه نمایند و انتخاب کنند که کدام ایده‌ها باید به مرحله اجرا برسند.

* اتصال مستقیم به جریان توسعه: واندر تغییرات تاییدشده در بوم طراحی را به ویرایش‌های پیشنهادی در فایل‌های منبع (Source-file) تبدیل کرده و پس از تایید طرح خروجی توسط کاربر، یک درخواست Pull Request در GitHub باز می‌کند. سپس توسعه‌دهندگان کد را بررسی کرده و رابط کاربری را به داده‌ها، سیستم‌های بک‌اند و قوانین تجاری شرکت متصل می‌کنند.

* همگام‌سازی هوشمند: سرور MCP واندر به عوامل کدنویسی هوش مصنوعی (AI coding agents) اجازه می‌دهد تا تغییرات را با بوم طراحی مبادله کنند؛ در حالی که کامپوننت‌های متصل به فایل‌های منبع اصلی می‌توانند با به‌روزرسانی‌های انجام شده در GitHub همگام باقی بمانند.

* محدودیت‌ها و چالش‌ها: تیم‌هایی که در حال ارزیابی واندر هستند، باید مواردی نظیر خروجی نسخه بتا (Beta) برای Pull Request، پشتیبانی ناقص از برخی موارد وارداتی از Figma و ویژگی‌های سیستم طراحی (Design-system)، هزینه‌های ترکیبی ابزارها و بررسی توسعه‌دهندگان، و همچنین نبود یک مقایسه کامل درباره میزان دقیق صرفه‌جویی در زمان را مد نظر قرار دهند.

واندر: اتصال طراحی بصری به کد فرانت‌اند برای کاهش پیاده‌سازی مجدد

اگرچه واندر به‌طور عمومی در ۳۰ آوریل عرضه شد، اما ریشه‌های این شرکت در تلاش‌های قبلی برای بهبود نحوه تحویل کار از طراحان به مهندسان نرم‌افزار نهفته است. پیش از تأسیس واندر، بنیان‌گذاران آن، ایبک یگمبردین (Aibek Yegemberdin) و بوریس جانکوویچ (Boris Janković)، پلتفرم Superflex را ساخته بودند که گزارش شده توسط بیش از ۴۰,۰۰۰ توسعه‌دهنده استفاده می‌شود. Superflex برای تبدیل دقیق‌تر طرح‌های تکمیل‌شده به کد طراحی شده بود، اما بنیان‌گذاران دریافتند که بهبود فرآیند تبدیل، باعث حذف کارهای اضافی ناشی از جدایی طراحی و کد نمی‌شود.

در فرآیند سنتی، طراح ابتدا یک مدل بصری ایجاد می‌کند که نشان می‌دهد وب‌سایت یا اپلیکیشن چگونه باید به نظر برسد (شامل چیدمان، منوها، دکمه‌ها، رنگ‌ها و غیره). سپس این مدل را به مهندسان تحویل می‌دهد تا آن‌ها کد فرانت‌اند لازم برای بازنویسی آن را بنویسند. با وجود اینکه طراحی تصویری از نتیجه مطلوب ارائه می‌دهد، اما همچنان فایلی مجزا از رابط کاربری ساخته شده است. مهندسان باید طرح را تفسیر کنند، تصمیم بگیرند چگونه هر بخش را در کد پیاده‌سازی کنند و نتیجه را برای بازبینی ارسال کنند. اگر نسخه کدنویسی‌شده با طرح اصلی مطابقت نداشته باشد، تیم باید دور جدیدی از تغییرات را طی کند.

واندر برای حذف این فرآیند «پیاده‌سازی مجدد» ایجاد شده است. کاربر می‌تواند کار در واندر را با توصیف رابط مورد نظر خود از طریق دستورات متنی معمولی آغاز کند. هوش مصنوعی یک نسخه بصری را روی بوم (Canvas) واندر — که همان فضای کاری روی صفحه است — ایجاد می‌کند. از آنجا، کاربر می‌تواند از هوش مصنوعی بخواهد تغییرات اضافی اعمال کند، نسخه‌های دیگر بسازد یا عناصر را مستقیما با دست تنظیم کند. در این روش، نیازی به داشتن یک طرح نهایی از برنامه‌ای دیگر قبل از شروع کار نیست. تفاوت اصلی در اینجاست که بوم واندر مستقیما به کدهای فرانت‌اند متصل است که نحوه ظاهر و رفتار رابط کاربری را کنترل می‌کنند.