Figma Pricing Template

Figma Pricing Template

The template includes professionally designed pricing components with Figma variables. The pricing is designed to display your product services and price plans 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.

For more pricing examples in Figma, see our Pricing Component Page.