در سخنرانی “استفاده از هوش مصنوعی برای تبدیل طراحی به کد تمیز” که توسط Steve Sewell، مدیرعامل و همبنیانگذار Builder.io در رویداد Config 2025 ارائه شد، موضوع مهم شکاف میان طراحی و توسعه نرمافزار بررسی شد. هدف اصلی این ارائه، نشان دادن راهکارهایی نوآورانه برای پل زدن میان دنیای طراحی و کدنویسی با بهرهگیری از مدلهای زبانی بزرگ (LLM) و ابزارهای بصری بود.
استیو سخنرانی خود را با طرح این مسئله آغاز کرد که بسیاری از طراحان در تبدیل طرحهای خود به کدی قابل استفاده در پروژههای واقعی دچار مشکل هستند. در این مسیر، اغلب باید یا خودشان مهارت کدنویسی بیاموزند یا به توسعهدهندگان وابسته باشند که این وابستگی میتواند مانعی در فرآیند طراحی و اجرای سریع باشد.
در ادامه، او ابزار جدیدی از Builder.io را معرفی کرد که با کمک هوش مصنوعی و یک ویرایشگر بصری، به کاربران اجازه میدهد مستقیماً طرحهای خود را از فیگما به کد واقعی تبدیل کنند. نکته مهم این ابزار، توانایی آن در کار با مخازن واقعی (مثل پروژههای بزرگ Next.js)، استفاده از کامپوننتها و سیستم طراحی شرکت کاربر، و همچنین تولید کدی خوانا، استاندارد و قابل استفاده در فرآیند توسعه واقعی است.
استیو در خلال سخنرانی، بهصورت زنده دمویی از این ابزار اجرا کرد. او نشان داد که چگونه میتوان یک صفحهی جدید به پروژه اضافه کرد، طراحیهای فیگما را بهصورت مستقیم وارد کرد، و تغییرات را به شکل بصری و بدون نیاز به مهارتهای فنی پیچیده در محیط کدنویسی پیادهسازی نمود. در این دموی زنده، حتی از هوش مصنوعی خواست که بازی کلاسیک Doom را در صفحه قرار دهد—حرکتی نمایشی برای نشان دادن انعطافپذیری این فناوری.
• هوش مصنوعی میتواند با درک ساختار کد و سیستم طراحی موجود، تغییرات بصری را به کدی تمیز و قابل استفاده تبدیل کند.
• فرآیند طراحی و توسعه باید همگرا شود؛ ابزارهایی مانند Builder این امکان را فراهم میکنند تا طراح، مدیر محصول و حتی کاربران غیرفنی، بتوانند تغییراتی در محصول ایجاد کرده و آنها را مستقیماً در محیط واقعی مشاهده کنند.
• امکان کار با هر نوع تکنولوژی (React، Tailwind، Svelte و غیره) و حفظ کنترل کامل تیم توسعه بر کد و روند بررسی تغییرات.
• کارایی این ابزار در تولید سریع نمونه اولیه، ساخت ابزارهای داخلی و اجرای تغییرات کوچک اما با ارزش که اغلب در فرایندهای سنتی نادیده گرفته میشوند.
• تمرکز بر تجربه کاربری مشابه فیگما در محیط توسعه، که موجب کاهش فاصله میان طراحی و کدنویسی میشود.
در پایان، استیو بر این نکته تأکید کرد که هدف Builder.io ایجاد بستری است که در آن همه (از طراح گرفته تا مدیر محصول و توسعهدهنده) بتوانند به زبان مشترکی برای ساخت محصولات دیجیتال برسند؛ زبانی که در آن هوش مصنوعی، ابزارهای طراحی و کدنویسی همگی در خدمت تولید سریعتر، دقیقتر و انسانیتر محصول قرار گیرند.
#هوش_مصنوعی #طراحی_محصول #فیگما
>>Click here to continue<<
