Figma از ابزارهای موشن گرافیک مبتنی بر هوش مصنوعی و شیدر WebGPU رونمایی کرد

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

پر کردن شکاف با Code Layers و بهینه‌سازی Full-Stack

یکی از مهم‌ترین تغییرات در اکوسیستم Figma، بازطراحی بوم است که اکنون برای توسعه full-stack بهینه شده است. معرفی "Code Layers" به طراحان و مهندسان اجازه می‌دهد تا در یک محیط یکپارچه کار کنند و به‌طور مؤثری مرز بین یک طرح اولیه بصری (mockup) و یک کدنویسی زنده (live codebase) را کمرنگ کند.

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

موشن مولد و انیمیشن مبتنی بر هوش مصنوعی

Figma در حال مقابله با یکی از زمان‌برترین جنبه‌های طراحی UI/UX یعنی «موشن» (حرکت) است. ابزارهای جدید Motion به تیم‌ها اجازه می‌دهند تا انیمیشن‌ها، انتقال‌ها (transitions) و تغییرات سه‌بعدی (3D transforms) را به‌صورت مشارکتی و مستقیماً در داخل پلتفرم طراحی کنند.

کاربران به‌جای تعیین دستی تک‌فریم‌ها (keyframing) برای هر حرکت، می‌توانند از یک رابط چت‌بات برای ایجاد انیمیشن‌ها از طریق «پرامپت» (prompt) استفاده کنند. این رویکرد مبتنی بر هوش مصنوعی به خالقان اجازه می‌دهد تا یک انتقال را توصیف کنند (مانند یک پرش یا لغزش خاص) و نرم‌افزار به‌طور خودکار آن انیمیشن را تولید کند. از آنجایی که این دارایی‌های موشن به سیستم‌های طراحی متصل هستند و توسط کد پشتیبانی می‌شوند، «آماده تحویل» (ready to ship) هستند و اصطکاک مرحله تحویل (handoff) بین طراحی و مهندسی فرانت‌اند را به‌طور قابل توجهی کاهش می‌دهند.

جلوه‌های بصری با دقت بالا از طریق شیدرهای WebGPU

Figma با جابه‌جا کردن مرزهای دقت بصری، ابزارهای شیدر جدیدی را معرفی کرده است که توسط WebGPU قدرت می‌گیرند. این امر امکان ایجاد جلوه‌های بصری و پرکننده‌های (fills) سفارشی را فراهم می‌کند که پیش از این در محدودیت‌های این ابزار غیرممکن بود.

کاربران اکنون می‌توانند با استفاده از پرامپت‌ها، جلوه‌های شیدر پیچیده مانند dithering، pixelation و انواع بلور (blur) پیشرفته را مستقیماً روی بوم بسازند. این قابلیت به طراحان اجازه می‌دهد تا جلوه‌های بصری سطح بالا و با کارایی بالا را پیاده‌سازی کنند که بر پایه استانداردهای مدرن وب هستند. مکمل این قابلیت، "Figma Weave" است؛ مجموعه‌ای از بیش از ۲۰ ابزار هوش مصنوعی یکپارچه که برای تبدیل جریان‌های کاری پیچیده و چندمرحله‌ای هوش مصنوعی به اقدامات ساده و بصری در بوم طراحی شده است.

چرا این موضوع برای چشم‌انداز هوش مصنوعی اهمیت دارد

تکامل Figma نشان‌دهنده یک روند گسترده‌تر در صنعت است: حرکت از «هوش مصنوعی به عنوان یک دستیار» به سمت «هوش مصنوعی به عنوان یک موتور یکپارچه». Figma با گنجاندن قابلیت‌های مولد در حوزه‌های تخصصی مانند موشن و ریاضیات شیدر، نشان می‌دهد که چگونه مدل‌های زبانی بزرگ (LLMs) و هوش مصنوعی مولد می‌توانند در جریان‌های کاری بسیار فنی و حرفه‌ای به کار گرفته شوند. این پیشرفت استاندارد جدیدی را برای نحوه تقویت تخصص انسانی توسط نرم‌افزارهای خلاقانه، به‌جای صرفاً خودکارسازی وظایف ساده و تکراری، تعیین می‌کند.

نکات کلیدی

  • جریان کاری یکپارچه: Code Layers جدید به توسعه‌دهندگان اجازه می‌دهد تغییرات طراحی را مستقیماً با کد همگام‌سازی کنند و فرآیند تحویل (handoff) را تسهیل نمایند.
  • موشن مولد: طراحان اکنون می‌توانند از پرامپت‌های زبان طبیعی برای ایجاد انیمیشن‌های پیچیده و تغییرات سه‌بعدی که توسط کد پشتیبانی می‌شوند، استفاده کنند.
  • جلوه‌های بصری پیشرفته: ادغام شیدرهای مبتنی بر WebGPU، امکان ایجاد جلوه‌های با دقت بالا مانند dithering و pixelation را از طریق پرامپت‌های ساده هوش مصنوعی فراهم می‌کند.