{"id":6946,"date":"2024-08-12T16:13:07","date_gmt":"2024-08-12T14:13:07","guid":{"rendered":"https:\/\/relaunch.styleinc.eu\/figma-config-2024-new-features-and-advancements-for-product-designers\/"},"modified":"2025-09-22T15:54:14","modified_gmt":"2025-09-22T13:54:14","slug":"figma-config-2024-new-features-and-advancements-for-product-designers","status":"publish","type":"post","link":"https:\/\/divi5.styleinc.eu\/en\/figma-config-2024-new-features-and-advancements-for-product-designers\/","title":{"rendered":"Figma Config 2024: New features and advancements for product designers"},"content":{"rendered":"
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t

UI3: Focusing on designers' work vs. interface<\/h2><\/div>\n\t\t\t<\/div>
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t

With UI3, Figma's new improved editor interface, the new layout and tool placement are not decorative, but functional. It offers more canvas space and adapts to designers' various needs. No one thinks or creates in the same way, which justifies a flexible interface rather than a one-size-fits-all format. With the addition of resizable panels, designers can see what matters to them and hide information once their task is complete. Similarly, the redesign of panel properties brings a more developer-oriented design workflow. This facilitates the naming and transfer of design components when developers switch to development mode. UI3 provides a clear space for users to fully unleash their creativity. <\/p><\/div>\n\t\t\t<\/div>

\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t

No more blank page syndrome with Figma AI<\/h2><\/div>\n\t\t\t<\/div>
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
Unsurprisingly, artificial intelligence took center stage during the event. This addition will give more space to creativity in designers' workflow. They were presented as two main features.<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>
\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\"\"<\/span>\n\t\t\t<\/div>\n\t\t\t<\/div>
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\"\"<\/span>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>
\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t

Presentations just got better<\/h2><\/div>\n\t\t\t<\/div>
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t

The presentation creation options available in Figma have also been improved. For large organizations, the integration of templates will allow brand consistency across people creating presentations. These presentations can also become more interactive with the addition of polls and embedded prototypes. The era of having to exit the presentation and open a new window to show a prototype is now over. With Figma AI, it is possible to adjust the tone of presentation texts to ensure ideas are clearly understood. For product owners and marketing strategists, it becomes easier to find the right words while allowing greater independence for designers. <\/p><\/div>\n\t\t\t<\/div>

\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
    \n
  • Since its launch, Figma has allowed designers to collaborate seamlessly. Recognizing the importance of integrating developers into this process, Figma introduced Dev Mode in 2023 and recently launched Figma Connect. <\/li>\n
  • The \"Ready for Dev View\" function aims to simplify communication between designers and developers by allowing status updates on mockups. Designers can mark mockups as \"ready for development,\" signaling to developers which screens are ready for implementation. Once completed, developers can change the status to \"done,\" notifying designers and effectively closing the development loop. <\/li>\n
  • Code Connect aims to improve design system adoption by making code more accessible and useful for developers. By allowing customization of code snippets in Dev Mode, developers can see actual design system code instead of auto-generated CSS, leading to faster and more efficient development. <\/li>\n
  • Designers worldwide using Figma were well-served by Config 2024. Whether with UI3 or Figma AI, these new changes will positively impact their workflow. With these upgrades, the focus will be on what really matters to them: design. <\/li>\n<\/ul><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>
    \n\t\t\t\t
    \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
    \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\"\"<\/span>\n\t\t\t<\/div>\n\t\t\t<\/div>
    \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
    \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\"\"<\/span>\n\t\t\t<\/div>\n\t\t\t<\/div>
    \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
    \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\"\"<\/span>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>
    \n\t\t\t\t
    \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
    \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t

    The cherry on top of Figma AI is the \"Stay in the Flow\" function.<\/h2><\/div>\n\t\t\t<\/div>
    \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
    It eliminates the need to search for text to replace lorem ipsum in wireframes. With this tool and contextual information, it is possible to replace textual or visual content and change languages directly in Figma. This functionality goes beyond the design part and can even rename layers. With Figma AI, every hour spent on a project can be devoted to design. <\/p>\n

    The \"Ready for Dev View\" function aims to simplify communication between designers and developers by allowing status updates on mockups. Designers can mark mockups as \"ready for development,\" signaling to developers which screens are ready for implementation. Once completed, developers can change the status to \"done,\" notifying designers and effectively closing the development loop.<\/div>\n\t\t\t<\/div>

    \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t

    The \"Ready for Dev View\" function aims to simplify communication between designers and developers by allowing status updates on mockups. Designers can mark mockups as \"ready for development,\" signaling to developers which screens are ready for implementation. Once completed, developers can change the status to \"done,\" notifying designers and effectively closing the development loop. <\/p><\/div>\n\t\t\t<\/div>

    \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
    The presentation creation options available in Figma have also been improved. For large organizations, the integration of templates will allow brand consistency across people creating presentations. These presentations can also become more interactive with the addition of polls and embedded prototypes. The era of having to exit the presentation and open a new window to show a prototype is now over. With Figma AI, it is possible to adjust the tone of presentation texts to ensure ideas are clearly understood. For product owners and marketing strategists, it becomes easier to find the right words while allowing greater independence for designers.<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n","protected":false},"excerpt":{"rendered":"

    Over the years, Figma has become the primary work tool for the majority of digital product designers. Its major announcement event (similar to Apple’s WWDC or Google I\/O) was highly anticipated in the design community, particularly regarding updates to several features. Unsurprisingly, Figma announced even more than expected. <\/p>\n","protected":false},"author":1,"featured_media":2858,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-6946","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unkategorisiert"],"acf":[],"_links":{"self":[{"href":"https:\/\/divi5.styleinc.eu\/en\/wp-json\/wp\/v2\/posts\/6946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/divi5.styleinc.eu\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/divi5.styleinc.eu\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/divi5.styleinc.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/divi5.styleinc.eu\/en\/wp-json\/wp\/v2\/comments?post=6946"}],"version-history":[{"count":10,"href":"https:\/\/divi5.styleinc.eu\/en\/wp-json\/wp\/v2\/posts\/6946\/revisions"}],"predecessor-version":[{"id":6998,"href":"https:\/\/divi5.styleinc.eu\/en\/wp-json\/wp\/v2\/posts\/6946\/revisions\/6998"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/divi5.styleinc.eu\/en\/wp-json\/wp\/v2\/media\/2858"}],"wp:attachment":[{"href":"https:\/\/divi5.styleinc.eu\/en\/wp-json\/wp\/v2\/media?parent=6946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/divi5.styleinc.eu\/en\/wp-json\/wp\/v2\/categories?post=6946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/divi5.styleinc.eu\/en\/wp-json\/wp\/v2\/tags?post=6946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}