New variable modes in Figma libraries.

Overview

As the leaves begin to turn and the air gets crisp, we’re thrilled to bring you the latest updates for FY24 Q4. The VPDS team has been hard at work, and we’re excited to share some transformative updates that will enhance your design workflow this fall.

This season, we’re making it easier than ever to move seamlessly between web and mobile platforms in Figma, all from a single library. Simply drag your component to the stage and apply the “Mobile” platform variable to see the magic happen. All mobile components are now integrated into our web components, collectively renamed “Nova: Components”. As a result, we’ll be phasing out updates to the “Nova: Mobile Components” Figma library. With these variable updates, there’s no longer a need for swappable theme files, so our Visa theme file has been renamed to “Nova: Foundations”.

But that’s not all! This fall, you can customize components with ease. Variable modes now let you swap typography, theme colors, shapes, and more, making your design process as smooth as a gentle autumn breeze.

Need a preset you don’t see? We’re eager to hear your thoughts on what additional presets would make these features even more useful. Your feedback is invaluable as we continue to refine and expand our offerings.

So, grab your favorite fall beverage, and join us in exploring the new variable modes in Figma. Happy designing!

Code updates

As the seasons turn, the VPDS engineering team is excited to share the latest code updates. With improvements across React, Angular, Styles, and Flutter, you’ll find your projects falling into place like autumn leaves. Stay tuned for more updates as we continue to refine and expand our offerings.

Design updates

We’re not stopping there! The VPDS team has been hard at work enhancing the patterns we offer. Be sure to check out our improved Dynamic table pattern and our brand-new Chat pattern. Comprehensive usage guidelines are available in our home experience, and Figma assets can be found in the components library.  While our engineering team is hard at work on other tasks, stay tuned in the coming quarters for information on developed examples for these assets. With the new season, we’re committed to transforming your projects with these exciting new tools.

Chat pattern

We’re excited to introduce our new Chat pattern, designed to guide you in creating seamless chat interfaces for a variety of interactions, including human-to-human, human-to-chatbot, and human-to-generative AI experiences. This comprehensive pattern offers best practices and detailed guidelines to help you design intuitive and engaging chat experiences. Whether you’re building for customer service, virtual assistants, or AI-driven conversations, our new Chat pattern ensures your interfaces are both functional and user-friendly.

Explore Chat guidelines

Dynamic table

We’ve been diligently revising our Dynamic table experience and guidelines to bring you refined functionality, improved accessibility, and enhanced features. This update includes expandable rows and more comprehensive examples, making it easier for you to implement dynamic tables that are both powerful and intuitive.

Explore Dynamic table guidelines

What’s next?

Our team remains dedicated to creating a unified, next-level experience as we prepare to take our design system public. We have some exciting changes on the way, including a new navigation experience for improved usability and tailored “Get started” content for designers and developers who are new to the system. Stay tuned for more exciting updates as we continue to refine and enhance our platform.

Stay connected

Have questions or want to join our community? Subscribe to our email list, visit our office hours, or join us on Teams.