Skip to main content

Themes 2.0 - Blocks Styling Figma Library

Figma Blocks Library

The PageBuilder Blocks Styling Figma Library includes details on our style guidelines, components, and blocks. This allows you to design mockups for your Arc XP and custom blocks, before handing off these styles to developers applying them in your blocks.json. At this time, a Figma styles integration to blocks is not supported, but we are capturing interest for this feature. 

Create a copy

You may create a duplicate of our Figma file to house within your organization's Figma account. This method will also allow you to modify tokens and component styles based on your needs. However, a connection to the Arc managed library will not be maintained. Each time the Arc library is updated, you’ll need to copy the updates individually or create a new copy of the entire file. Read more about creating file copies here.

If Figma supports community branches in the future, we will explore options to provide updates through that feature.

rId22.jpg

Figma updates and Themes releases

Occasionally, a Figma file update is necessary to incorporate changes in our Themes block. For example, if there are any design modifications to a block, the Themes Block Styling 2.0 Figma file will be updated to reflect these changes and serve as the specifications for the components and blocks. These updates will be detailed in the change log below, as well as the Themes release notes. To maintain consistency with our blocks library, we recommend integrating these updates into your organization's maintained library as outlined above.

Change log

Date

Aligned Themes Version

Update

February 18, 2025

Themes 2.x

Medium Promo Block - A configuration option displaying the pill component has been removed as this is not supported out of the box.

June 6, 2024

Themes 2.4.0

Header Nav Chain - An accessibility issue has been addressed where users did not have an appropriate option to collapse the hamburger menu from screen reader navigation. There is now a close button to collapse the menu.