فیگما (Figma) در مجموعه‌ای از به‌روزرسانی‌های خود، ابزارهای هوش مصنوعی و همکاری میان طراحان و توسعه‌دهندگان را گسترش داده است. این تغییرات به کاربران کمک می‌کنند طرح‌های گرافیکی را به نمونه‌های تعاملی تبدیل کنند، کد را کنار طراحی بررسی کنند و از هوش مصنوعی برای ساخت و اصلاح رابط کاربری کمک بگیرند. بخش مهمی از این قابلیت‌ها در رویداد Config India در ۱۵ اکتبر ۲۰۲۶ معرفی شد.
مهم‌ترین قابلیت‌های جدید فیگما چیست؟
۱. تبدیل طرح به نمونه تعاملی با Code Layers
قابلیت Code Layers به کاربران اجازه می‌دهد کدهای اجرایی را در کنار طرح‌های خود روی بوم فیگما قرار دهند. به این ترتیب، طراح می‌تواند به‌جای مشاهده یک تصویر ثابت، رفتار نمونه اولیه را بررسی کند و تغییرات را در کنار کد مربوط به آن ببیند. این قابلیت از طرح‌های موجود، مخزن GitHub و کدهای واردشده نیز پشتیبانی می‌کند و در مرحله بتای عمومی قرار دارد.
۲. کمک عامل هوش مصنوعی به طراحی رابط کاربری
عامل هوش مصنوعی فیگما می‌تواند بر اساس توضیحات متنی کاربر، طرح ایجاد کند، بخش‌های موجود را ویرایش کند، بازخورد طراحی بدهد و کارهای تکراری را انجام دهد. همچنین با دسترسی به کتابخانه‌ها و راهنمای طراحی پروژه، می‌تواند خروجی هماهنگ‌تری با اجزای بصری موجود تولید کند.
۳. هماهنگی بهتر طراحی با کد واقعی پروژه
فیگما امکان اتصال منابع کد از مخازن GitHub و بسته‌های npm را برای کمک به عامل هوش مصنوعی معرفی کرده است. هدف این است که اجزای تولیدشده با ساختار و استانداردهای فنی پروژه هماهنگ‌تر باشند. قابلیت منابع کد در زمان اعلام، در مرحله بتای محدود قرار داشت.
۴. اتصال ابزارهای هوش مصنوعی با MCP
به‌روزرسانی‌های MCP فیگما امکان تعامل ابزارهای هوش مصنوعی سازگار با محتوای طراحی را گسترش می‌دهند. بر اساس مستندات رسمی، ابزارهایی مانند Claude Code، Codex و Cursor می‌توانند با استفاده از MCP به زمینه طراحی دسترسی داشته باشند و در برخی گردش‌کارها تغییراتی را به فیگما برگردانند.
این تغییرات چه تأثیری بر طراحی سایت دارند؟
این قابلیت‌ها می‌توانند فاصله میان ایده اولیه، طراحی رابط کاربری و ساخت نمونه قابل‌آزمایش را کمتر کنند. برای مثال، طراح می‌تواند یک صفحه فرود را در فیگما آماده کند، با کمک هوش مصنوعی چند چیدمان متفاوت بسازد و سپس نمونه تعاملی را برای بررسی تجربه کاربری در اختیار تیم قرار دهد.
بااین‌حال، تبدیل طرح به نمونه تعاملی به معنی آماده‌شدن خودکار یک وب‌سایت کامل و استاندارد برای انتشار نیست. پیش از استفاده در پروژه واقعی، همچنان باید کد، دسترس‌پذیری، عملکرد در موبایل، امنیت و سازگاری با سیستم مدیریت محتوا بررسی شود.
برای طراحانی که با وردپرس و المنتور کار می‌کنند، این ابزارها می‌توانند در مرحله طراحی و نمونه‌سازی مفید باشند؛ اما انتقال خروجی به یک قالب وردپرس یا صفحه المنتور ممکن است به پیاده‌سازی و اصلاح جداگانه نیاز داشته باشد.
جمع‌بندی
فیگما با گسترش قابلیت‌های عامل هوش مصنوعی، Code Layers و اتصال به ابزارهای کدنویسی، تلاش می‌کند طراحی و توسعه را به یک فرایند پیوسته‌تر تبدیل کند. این امکانات می‌توانند برای طراحان رابط کاربری، تیم‌های محصول و توسعه‌دهندگانی که از هوش مصنوعی استفاده می‌کنند، کاربردی باشند؛ هرچند برخی قابلیت‌ها هنوز در نسخه بتا یا دسترسی محدود قرار دارند.
