Figma Pricing Template

Figma Pricing Template

The pricing template includes pricing tier components created with Figma variables and variants. The pricing table components are fully responsive and designed in a simple and clean layout.

Each pricing card includes a price tag, a list of features, and a call-to-action (CTA) button. This template highlights two key features of the FramesX UI kit:

• You can update the content of the pricing variants by updating the nested components (base elements) and their properties. This feature enables you to control the design of pricing tables on multiple pages from a single location, which is especially useful for scaling projects.

• By adjusting the Breakpoint variables, you can control the responsive behavior of the pricing block and adapt it to various screen resolutions. To try this, select the Playground frame and modify the available variable modes in the right panel of Figma.

Explore more UI components for Figma