تکامل Figma: لایه‌های کد، پلاگین‌های هوش مصنوعی و پشتیبانی از حرکت (Motion)

Figma با آخرین به‌روزرسانی گسترده خود، در حال بازتعریف بنیادین مرز میان طراحی و توسعه است. این پلتفرم با ادغام لایه‌های کد و قابلیت‌های هوش مصنوعی مولد (Generative AI) مستقیماً در بوم (canvas) تعاملی خود، در حال تبدیل شدن از یک ابزار نمونه‌سازی (prototyping) ایستا به یک محیط پویا و چندرشته‌ای است.

پر کردن شکاف با لایه‌های کد

در اقدامی قابل توجه به سوی برابری «طراحی به کد» (design-to-code)، Figma لایه‌های کد را مستقیماً به بوم چندنفره (multiplayer canvas) خود اضافه کرده است. این ویژگی به تیم‌های مهندسی اجازه می‌دهد تا مخازن (repositories) را کلون کرده و جریان‌های کد موجود را برای تست و تکرار سریع، به لایه‌های طراحی منتقل کنند.

برخلاف جریان‌های کاری سنتی که در آن طراحان فایل‌های ایستا را به توسعه‌دهندگان تحویل می‌دهند، یوکی یاماشیتا (Yuhki Yamashita)، مدیر ارشد محصول Figma، تأکید می‌کند که این محیط به جای رسیدن به کمالِ آماده‌ی تولید، برای کاوش و اکتشاف ساخته شده است. Figma با فراهم کردن امکان تعامل طراحان، مدیران محصول و مهندسان با کد به شکلی فضایی و غیرخطی، قصد دارد مرحله‌ی کشف (discovery phase) در توسعه محصول را تسریع کرده و اصطکاک‌های معمول در فرآیند تحویل پروژه (hand-off) را کاهش دهد.

حرکت پیشرفته، شیدرها و تغییر شکل‌های سه‌بعدی (3D Transforms)

سال‌ها بود که طراحی حرکت با دقت بالا (high-fidelity motion design) مستلزم جابه‌جایی طراحان بین Figma و نرم‌افزارهای تخصصی انیمیشن بود که اغلب منجر به فرآیندهای پیچیده تبدیل می‌شد. Figma با افزودن پشتیبانی بومی از انیمیشن‌ها، انتقال‌ها (transitions) و تغییر شکل‌های سه‌بعدی، این پیچیدگی را از میان برداشته است.

این به‌روزرسانی همچنین با معرفی پشتیبانی از جلوه‌های شیدر (shader effects) و پرکننده‌ها (fills)، جعبه‌ابزار بصری را گسترش می‌دهد. این امر اجازه می‌دهد تا عناصر بصری پیچیده‌تر و با کارایی بالا، مستقیماً درون خودِ ابزار نمونه‌سازی شوند و اطمینان حاصل شود که «حس و حال» یک محصول در مراحل بسیار زودتری از چرخه حیات آن ثبت می‌شود.

هوش مصنوعی مولد و ساخت پلاگین‌های سفارشی

Figma با تبدیل بوم به یک فضای کاری قابل برنامه‌ریزی، بر نقشه راه هوش مصنوعی خود تمرکز مضاعفی کرده است. کاربران اکنون می‌توانند از دستورات متنی (text prompts) برای ایجاد «مهارت‌های» تکرارپذیر برای عوامل هوش مصنوعی (AI agents) استفاده کنند و دستیار هوش مصنوعی را به جای یک ابزار عمومی، به یک همکار سفارشی‌سازی شده تبدیل کنند. برای افزایش دقت، هوش مصنوعی اکنون می‌تواند بافت و زمینه (context) را از ابزارهای خارجی مانند Notion، Excel، GitHub، Granola و فایل‌های مختلف آپلود شده دریافت کند.

شاید انقلابی‌ترین بخش برای جامعه توسعه‌دهندگان، قابلیت ساخت پلاگین‌های سفارشی از طریق دستورات ساده باشد. چه کاربر به یک مولد چیدمان (layout generator) خاص نیاز داشته باشد و چه به یک ردیاب مسیر برداری (vector path tracer) پیچیده، اکنون می‌تواند بدون نوشتن کد سنتی، ابزارهای کاربردی و اختصاصی را در داخل Figma بسازد.

ادغام Weavy برای جریان‌های کاری مدل‌محور

Figma با تکیه بر خرید ابزار گره‌محور (node-based) Weavy، در حال کار برای ادغام جریان‌های کاری پیشرفته‌ی مدل‌محور است. اواخر امسال، کاربران قادر خواهند بود جریان‌های کاری Weavy را مستقیماً در رابط کاربری Figma ایجاد کنند. این امر به تیم‌های طراحی اجازه می‌دهد تا جریان‌های کاری پیچیده را از طریق مدل‌های مختلف هوش مصنوعی اجرا کنند تا خروجی‌ها را با هم مقایسه کنند و اطمینان حاصل کنند که جهت‌گیری طراحی انتخاب‌شده در پارامترهای مختلف مولد بهینه شده است.

نکات کلیدی

• برابری کد و طراحی: لایه‌های کد جدید به تیم‌ها اجازه می‌دهند داده‌های مخزن را به بوم منتقل کنند و محیط طراحی را به فضایی واقعاً مشارکتی برای مهندسان و طراحان تبدیل کنند.
• حرکت و شیدر بومی: Figma اکنون از تغییر شکل‌های سه‌بعدی، انتقال‌ها و جلوه‌های شیدر پشتیبانی می‌کند که نیاز به نرم‌افزارهای انیمیشن خارجی را کاهش می‌دهد.
• قابلیت گسترش مبتنی بر هوش مصنوعی: کاربران اکنون می‌توانند از طریق دستورات متنی، پلاگین‌های سفارشی و «مهارت‌های» تکرارپذیر هوش مصنوعی ایجاد کنند که با داده‌های خارجی از GitHub و Notion ادغام شده‌اند.