Guides
Figma Libraries

Figma Libraries

The Shoreline Figma libraries includes all the resources designers need to quickly assemble a prototype and create coherent experiences for merchants. For more information on how to apply the styles and components in these libraries, please refer to tokens (opens in a new tab), icons (opens in a new tab), and components (opens in a new tab) documentation.

ℹ️

You can help evolve the Shoreline libraries by fixing bugs or proposing new features. Learn how to get involved in the contribution process (opens in a new tab).

VTEX users

If you are a VTEX designer, you already have access to the organization in Figma. If you don't have access to Figma, use the IT workflow to request it. Once in Figma, the Shoreline team is open and anyone has viewer access to it. Consider that even VTEX designers don't have edit access to the libraries.

Use the libraries below in your files.

Learn how to add the libraries to your file:


External users

If you are part of an agency working with a VTEX product team to implement a feature, you can access the Shoreline libraries published in the Figma Community.

Learn how to get the libraries from Figma Community:


After publishing the libraries, follow the guidelines from the video in the previous section to start using them.