تحول بزرگ Figma؛ ادغام AI، Code و Motion؛ عصر جدید طراحی سیستم‌محور و Full-Stack

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

هدف اعلام‌شده هم روشن بود؛ کارهای تکراری و فرساینده از دوش طراح برداشته بشه تا وقت بیشتری برای فکر کردن به ایده بمونه. سه ستون این تغییر عبارتند از Code Layers Motion و Shaders

بخش اول : ابزارهای تازه برای بیان ایده
۱.۱ (Code Layers)
تا امروز، فاصله‌ی بین «طرح» و «محصول واقعی» جایی بود که خیلی از ایده‌ها آب می‌رفتن. Code Layers دقیقاً همین شکاف رو نشونه گرفته؛ یعنی چی ؟

یعنی کد رو می‌تونید مستقیم روی بوم فیگما بنویسید و ویرایش کنید.
مخزن کد پروژه (Repository) قابل کپی شدن داخل فیگماست، یعنی طرح شما از همون ابتدا با کد واقعی سر و کار داره.
Agent فیگما می‌تونه از دل کد، جریان‌های کاری (Flows) رو بیرون بکشه و به لایه‌های طراحی قابل ویرایش تبدیل کنه.
و مهم‌تر از اون اینکه تغییراتی که در طراحی می‌دید، به‌صورت خودکار به محیط کد برمی‌گرده. رفت‌وبرگشت دستی حذف می‌شه.

۱.۲ Motion؛ چیزی بیشتر از یک انیمیشن ساده
انیمیشن در فیگما دیگه به معنی «یه فید کوچیک برای پرزنتیشن» نیست:

انیمیشن و Transitionsها و حتی تبدیل‌های 3D رو مستقیم داخل فیگما می‌سازین.
اگر حوصله‌ی کار دستی ندارید، فقط به چت‌بات فیگما توضیح بدید چی می‌خواید؛ انیمیشن ساخته می‌شه !
نکته‌ی کلیدی برای تیم‌ها اینه که انیمیشن‌ها از نظر کد پشتیبانی می‌شن و آماده‌تحویل به توسعه‌دهنده هستن؛ یعنی دیگه لازم نیست حرکت رو با دست و اشاره برای برنامه‌نویس توضیح بدید.