Figma Unveils AI Tools for Design & Prototyping

Cansın Cengiz

Cansın Cengiz

— 3 min read

Design platform Figma has just announced a suite of new features, significantly expanding its capabilities with the power of artificial intelligence. These tools are set to streamline the creation of websites, app prototypes, and marketing assets, positioning Figma in closer competition with creative giants like Canva and Adobe, as well as AI-driven website builders such as WordPress, Wix, and Hostinger.

Introducing Figma Sites: AI-Powered Website Creation

One of the flagship announcements is Figma Sites. Recognizing that designers often build website prototypes within its platform, Figma now enables them to use AI to generate and publish full-fledged websites. Key features include:

  • AI-Powered Generation: Quickly create websites from prompts.
  • Easy Editing: Collaborators can modify site elements through an intuitive editor without needing to write new prompts.
  • Rich Interactivity: Add transitions, animations, and scroll effects.
  • Responsiveness: Ensure sites look great on all devices.
  • Built-in CMS (upcoming): Figma Sites will soon include a content management system, allowing users to generate blog posts directly, edit them within the blog's design, and manage assets like thumbnails and slugs.
  • Custom Code & AI Code Generation: For dynamic elements like stock tickers, users can add custom code or use AI to generate it.
Figma Sites Blocks Interface

Image Credits: Figma (via TechCrunch)

Figma Make: AI for Ideation and Prototyping

Similar to Figma Sites but geared more towards ideation and rapid prototyping, Figma Make allows users to generate web application prototypes using AI prompts. This collaborative tool enables teams to:

  • Prompt-Based Creation: Generate app prototypes quickly.
  • Iterative Design: Use an AI assistant to change or add elements.
  • Developer Friendly: Developers can directly modify the code for necessary adjustments.
  • Embeddable Elements: Generate small interactive components, like clocks, which can be embedded into pages published via Figma Sites.

Yuki Yamashita, Figma's Chief Product Officer, highlighted that while both tools share technology, "Figma Make is for high-fidelity prototyping...to see how viable an idea is. Whereas Figma Site is useful for a marketing and design team when they exactly know how a site should look and take full control of that."

Figma Make Prototype Interface

Image Credits: Figma (via TechCrunch)

Figma Buzz: Streamlining Marketing Creatives

For marketing teams, Figma is introducing Figma Buzz. This tool empowers marketers to:

  • Use Brand Templates: Easily create new creatives using designer-made, brand-specific templates.
  • AI Image Generation: Insert AI-generated images or modify backgrounds of existing assets.
  • Bulk Asset Creation: Generate multiple assets simultaneously using data from sources like spreadsheets.

Figma Draw: Enhanced Vector Editing

Addressing a common workflow issue, Figma Draw brings advanced vector editing and illustration capabilities directly into Figma. Designers will no longer need to export vector designs to other applications for edits. New features include:

  • Text on a path
  • Pattern fill
  • Brushes
  • Multi-vector edit
  • Noise and texture effects
  • Lasso selection
Figma Draw Overview

Image Credits: Figma (via TechCrunch)

Competitive Landscape and New Pricing

These launches signify Figma's ambition to be an all-encompassing platform for digital product creation. While competing with tools like Canva Code, and AI website builders from Squarespace, Wix, WordPress, and Hostinger, Yamashita emphasizes Figma's focus on digital product building, noting that developers constitute a third of their user base, particularly with tools like Dev Mode.

This isn't Figma's first venture into AI-assisted design; a previous "Make Design" feature was retracted after user feedback regarding its training data.

Alongside these new tools, Figma is introducing a "content seat" plan starting at $8 per month, providing access to Figma Buzz, Slides, FigJam, and the upcoming Sites CMS.

These advancements indicate a significant step for Figma in integrating AI deeply into the design and development workflow, offering powerful new capabilities for its users.

References

Read more

Anthropic, Claude Code'u Kurumsal Paketlerine Entegre Ediyor

Anthropic, Claude Code'u Kurumsal Paketlerine Entegre Ediyor

Anthropic, Claude Code'u Kurumsal Paketlerine Entegre Ediyor Anthropic, kod yazma süreçlerini kolaylaştıran komut satırı tabanlı aracı Claude Code'u artık kurumsal paketlerin bir parçası olarak sunacağını duyurdu. Daha önce yalnızca bireysel kullanıcıların erişimine açık olan bu yenilikçi araç, artık işletmelerin daha gelişmiş entegrasyonlar ve yönetim araçlarıyla kullanabileceği

By Cansın Cengiz
Lex Proxima Studios LTD