Figma در Config 2026 از Code Layers رونمایی کرد؛ طراحان می‌توانند مستقیماً روی بوم کد بنویسند و اجرا کنند

Figma یک دهه را صرف متقاعد کردن طراحان و مهندسان برای کار در یک فایل مشترک کرد. در Config 2026 که ۲۴ ژوئن برگزار شد، این شرکت جسورانه‌ترین حرکت تاریخش را برای پاک کردن کامل مرز میان این دو گروه رونمایی کرد.

محور اصلی رویداد امسال Code Layers است: سیستمی که کد اجراپذیر را مستقیماً روی بوم مشارکتی Figma می‌آورد. با یک کلیک می‌توان هر لایه طراحی را به یک لایه کد تعاملی تبدیل کرد، ریپازیتوری‌ها را clone کرده و flowهای تولیدی را استخراج نمود، و بدون ترک محیط Figma از پکیج‌های npm بهره برد. دستیار هوش مصنوعی نیز می‌تواند لایه‌های کد را بر اساس دستور بسازد و ویرایش کند. خروجی نهایی روی Figma Sites منتشر می‌شود و از کد React سفارشی پشتیبانی می‌کند.

Dylan Field، مدیرعامل Figma، گفت: «کد باید مثل هر ماده طراحی دیگری با آن رفتار شود. Code Layers طراحان و مهندسان را به‌عنوان همکار روی یک سطح مشترک کنار هم می‌نشاند، جایی که منطق طراحی و منطق تولید در هم تنیده می‌شوند.»

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

Figma همچنین یک سازنده افزونه مبتنی بر زبان طبیعی معرفی کرد که کاربران را از نوشتن JavaScript بی‌نیاز می‌کند؛ کافی است عملکرد موردنظر را توصیف کنید تا یک افزونه آماده دریافت کنید. این سیستم از Skills قابل استفاده مجدد پشتیبانی می‌کند — گردش‌کارهای از پیش بسته‌بندی‌شده‌ای که ایجنت هوش مصنوعی می‌تواند بر اساس درخواست اجرا کند. این ایجنت به Notion، Slack، GitHub، Atlassian، Granola و Excel وصل می‌شود تا اطلاعات غنی‌تری در اختیار داشته باشد. دسترسی به ایجنت هوش مصنوعی از امروز برای همه کاربران آزاد است؛ پشتیبانی از FigJam و Slides در فهرست انتظار قرار دارد.

سومین رونمایی مهم رویداد Figma Motion است؛ یک سیستم انیمیشن بومی مبتنی بر timeline و keyframe که از همین امروز در دسترس است. Dev Mode از CSS، JSON، React، MP4، WebM، SVG متحرک و GIF پشتیبانی می‌کند و با MCP نیز سازگار است. shader fillهای تولیدشده با هوش مصنوعی و تبدیل‌های سه‌بعدی هم در این بسته گنجانده شده‌اند. پیش از این، کار با انیمیشن به ابزارهای جانبی مثل After Effects یا Rive نیاز داشت.

پاسخ Figma به موج ابزارهای طراحی مبتنی بر هوش مصنوعی در Config 2026 روشن است: تبدیل بوم به جایی که کد تولیدی در آن زندگی می‌کند. Code Layers اکنون در فهرست انتظار است و رول‌اوت از جولای ۲۰۲۶ آغاز می‌شود. Figma Motion از همین امروز در دسترس است. هیچ تغییری در قیمت‌گذاری اعلام نشد.