Proportio

What Is Proportio?

Proportio is a free design tool in the design-tools category that generates proportional scales for typography, iconography, spacing, and components in design systems. It supports designers in establishing consistent ratios across visual elements, fitting into workflows where harmonious proportions enhance layout structures and visual hierarchies. Proportio enables quick calculation and application of scales based on provided inputs, aiding in the creation of balanced design systems without requiring complex manual computations.

What Proportio Does

• Generates proportional scales for typography sizes across multiple levels.
• Creates scales for iconography to maintain visual consistency in sizing.
• Produces spacing scales for margins, paddings, and gaps in layouts.
• Develops component size scales for buttons, cards, and other UI elements.
• Allows customization of scale ratios to fit specific design system needs.
• Outputs scales in formats suitable for integration into design files or style guides.

How Proportio Can Be Used

• Designers use Proportio to define typography hierarchies in web projects, ensuring font sizes follow a modular scale for readability across devices.
• In icon design workflows, Proportio helps set consistent icon sizes that align with grid systems and spacing modules.
• UI developers apply Proportio-generated spacing scales to CSS variables, streamlining responsive layout adjustments.
• Teams building design systems input base sizes into Proportio to produce comprehensive scale tables for documentation and handoff.
• For print or digital prototypes, Proportio calculates proportional adjustments when scaling elements from mockups to final outputs.

Who Is Proportio For?

Proportio serves UI/UX designers, design system architects, and front-end developers working on scalable interfaces who need precise proportional scales for elements like typography, icons, spacing, and components. It fits intermediate to advanced users familiar with design principles such as modular scales and grid systems, particularly in projects requiring consistency across multiple screen sizes or formats. Product designers at agencies or startups building reusable component libraries also benefit from its output in establishing foundational proportions. Visit Proportio