Figma Pricing Table
Figma Pricing Table
Preview
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.