Figma Pricing Table

Figma Pricing Blocks

Pricing blocks display pricing information and plans on the website. They represent different pricing tiers or plans in an easy-to-compare format. Pricing blocks are made with Pricing components and stacked into horizontal or vertical layouts.

A pricing component includes a plan name, pricing details, key features, and call-to-action buttons. Pricing examples include columns, cards, and comparison table designs.

Pricing Blocks UI best practices

• Always highlight a recommended or your most popular plan;

• Limit pricing options to 3-4 pricing tiers to avoid overwhelming the decision-making design;

• Communicate and compare the value proposition of different plans.

Pricing tables are part of the Figma Website Builder. This component allows you to quickly assemble websites with Figma Sites.