carbon-design-system / carbon-website

The website for the Carbon Design System.
https://www.carbondesignsystem.com
Apache License 2.0
283 stars 785 forks source link

Figma theme variables: Medium article #3653

Closed laurenmrice closed 1 year ago

laurenmrice commented 1 year ago

Discuss ideas for a medium article about implementing Figma variables into our libraries.

This can be a brief article illustrating that Config dropped these new variables, which is how you have introduced these to the Carbon library. We can also discuss the benefits of including these variables, etc.

laurenmrice commented 1 year ago

Discuss with Juan first to come up with an outline. Have a meeting scheduled for Wed, Aug 2.

thyhmdo commented 1 year ago

We can edit upon this.

Prompt: Write a short article to announce that Carbon Design team updated our Carbon Design System component Figma library. After the ConFig event and Figma announced new features and capabilities, we migrated themes that we used to have and consolidated them in one single file that is easy for maintaining, updating, and keeping the components more consistent.

Introducing the Upgraded Carbon Design System Component Figma Library!

We are thrilled to announce that the Carbon Design team has enhanced our Carbon Design System component Figma library. The decision to update our Carbon Design System component library was also influenced by the recent advancements introduced by Figma. With their latest features and capabilities, especially with variables, we can now optimize collaboration, increase productivity, and further enrich the overall design process.

What's New? The highlight of this update is the migration and consolidation of themes that were previously created across multiple files. With a keen focus on simplicity and ease of use, we have merged all these themes into one single, centralized file. This strategic move is aimed at streamlining the design process, making it easier for our team to maintain and update components while ensuring utmost consistency throughout the Carbon Design System.

Benefits of the Consolidation Maintaining design consistency is a critical aspect of any design system, and we acknowledge its significance in providing an outstanding user experience. By unifying all our themes into a single file, we have effectively reduced redundancy and made it far more convenient for our design team to access and apply various styles across projects.

Smoother Collaboration with Figma's New Features The decision to update our Carbon Design System component library was also influenced by the recent advancements introduced by Figma. With their latest features and capabilities, we can now optimize collaboration, increase productivity, and further enrich the overall design process.

How to Access the Updated Library To make the most of these improvements, all you need to do is head to our Carbon Design System component library on Figma. There, you'll find the file named "v11-All themes-Carbon Design System", allowing you to access the updated themes effortlessly. Whether you're an existing user or someone new to Carbon, we invite you to explore the enhanced library and take advantage of the improved design capabilities.

Embracing the Future of Design At Carbon Design, we remain committed to providing the best design resources for our community. This update is just one of the many steps we are taking to stay at the forefront of design trends and technology, empowering designers and developers to create exceptional digital experiences.

Stay tuned for more updates as we keep pushing the boundaries of design excellence.

The Carbon Design Team

aagonzales commented 1 year ago

https://github.com/carbon-design-system/carbon-website/assets/11670886/5107cbeb-08dc-4fbc-a69b-b1583b453683

aagonzales commented 1 year ago

Done! https://medium.com/carbondesign/introducing-figma-variables-and-a-consolidated-all-themes-library-d4893d1b8920