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.
![]() |
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 | 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 | 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. |