Figma Updates at Config 2024: In-Depth Look at the Latest Innovations and Features

Bimo Ariestyan
5 min readJul 6, 2024

--

At their annual conference, Config 2024, Figma, the cloud-based collaborative design platform, unveiled a series of major updates aimed at enhancing productivity, collaboration, and flexibility for designers. This year’s conference had a particular focus on artificial intelligence (AI) and significant changes to the user interface, underscoring Figma’s commitment to integrating cutting-edge technology and improving user experience. These updates encompass a variety of new features and significant improvements designed to support every aspect of the design process.

Figma AI
Figma UI3

Figma AI is one of the most notable innovations introduced. This AI-powered feature is designed to act as an intelligent design assistant, aiding designers in various aspects of their work. Figma AI can provide design suggestions based on an analysis of existing elements, help find suitable elements by typing a textual description, and even generate mockups based on user-provided descriptions. With these capabilities, Figma AI not only speeds up the design process but also helps improve design quality by offering data-driven recommendations and insights into the latest design trends.

Figma UI 3 introduces a major overhaul to the user interface, making it more intuitive and user-friendly. This update brings a cleaner design with improved navigation, making it easier for users to find and use the tools they need. The new UI also includes customizable themes, allowing users to personalize their Figma experience further. The streamlined interface aims to reduce cognitive load, helping designers focus more on their creative work rather than navigating the software.

Dev Mode is a crucial addition that bridges the gap between design and development. Dev Mode offers a set of tools and features specifically tailored for developers working alongside designers. This mode includes advanced inspection tools, better CSS code generation, and direct links to design tokens and assets. With Dev Mode, developers can more easily extract the information they need, ensuring a smoother handoff from design to development and reducing the potential for miscommunication or errors.

Figma Slides is introduced to revolutionize the way teams create and share presentations. Figma Slides enables users to design presentation slides directly within Figma, leveraging the powerful design tools and collaborative features of the platform. This new feature allows for seamless integration of design elements into slides, real-time collaboration on presentation content, and easy sharing and feedback collection. With Figma Slides, teams can create visually stunning and cohesive presentations without needing to switch between different software, streamlining the workflow and enhancing productivity.

Additionally, Figma Widgets allow direct integration with various third-party productivity tools such as Jira, Trello, and Asana. This feature is designed to enhance workflow efficiency by reducing the need to switch between applications. For example, with Jira integration, designers can track issues and tasks directly from Figma, while Trello integration allows them to manage task cards and projects without leaving the Figma workspace. Asana integration facilitates smoother project management by enabling users to view and update tasks in one place. These integrations make Figma a more centralized and efficient project management hub.

Another significant update is Auto Layout 4.0, which takes responsive design capabilities to a higher level. With Auto Layout 4.0, designers can automatically arrange design elements based on changing screen sizes and orientations. This feature offers greater control by allowing more detailed rules to be set for elements such as spacing, margins, and padding. This ensures that designs remain aesthetically pleasing and functional across various devices, from desktops to tablets and phones, achieving a consistent user experience across all platforms.

In terms of prototyping, Figma introduces Enhanced Prototyping, which allows for the creation of more realistic and complex interactions. With this feature, designers can add advanced animations and smoother transitions, and simulate user pathways in greater detail. These enhancements enable users to see immediate changes to the prototype as they interact with it, providing a more realistic experience and aiding in the testing and iteration of designs before final implementation. This is crucial for ensuring that the final design is not only visually appealing but also functional in real-world scenarios.

Real-time Collaboration 2.0 also sees significant improvements. Figma has enhanced the performance of real-time collaboration by reducing lag and increasing response speed when multiple users are working on the same project. Additionally, new communication tools such as in-app chat and task notifications make it easier for teams to communicate and coordinate directly without leaving the workspace. Improved synchronization ensures that all changes are saved and updated in real-time with higher accuracy, which is essential for effective and efficient team collaboration.

Design System Analytics is another new feature introduced to help design teams monitor and analyze their design system usage. This feature allows teams to identify usage patterns of design elements, find the most frequently used elements, and optimize the design system to improve consistency and efficiency. By providing detailed reports on the performance of the design system, teams can make better decisions based on accurate data. This is extremely useful for ensuring that the design system continues to evolve and effectively meets the team’s needs.

Customizable Workspaces is another new feature that allows users to tailor their workspace according to their needs and personal preferences. Users can add or remove tool panels, rearrange tool placement, and save their workspace settings for quick access in the future. This feature provides greater flexibility and enables designers to create the most comfortable and efficient working environment for themselves.

Advanced Version Control offers better version management for complex design projects. With this feature, users can track all changes made to a project, easily revert to previous versions, and view differences between project versions. This is extremely useful in large team collaborations and long-term projects, where managing changes and documentation is crucial. This feature helps ensure that all team members are on the same page and that every change can be tracked and managed effectively.

Overall, the Figma updates at Config 2024 demonstrate the company’s commitment to providing a design tool that is not only powerful but also flexible and collaborative. With new features like Figma AI, Figma UI 3, Dev Mode, Figma Slides, and Auto Layout 4.0, as well as enhancements to real-time collaboration and prototyping, Figma offers more sophisticated and efficient solutions for designers and developers worldwide. These innovations ensure that Figma remains at the forefront of the digital design industry, providing teams with the tools they need to create innovative and effective work.

--

--

Bimo Ariestyan
0 Followers

Hello, my name is Bimo Ariestyan. I currently live in Jakarta. I am a UI / UX Designer, I focused on User Interface Design, User Experience Design