AspectMatic

AspectMatic is a Figma plugin designed for developers, simplifying aspect ratio calculations. Tired of manual calculations? AspectMatic automates the process.

FeaturesSeparator Options: Choose between colon (:) or slash (/) to format aspect ratios.

Ratio Formats:

Regular Ratio: A simple division format for width and height, such as 300:9 or 300/9.Reduced Ratio: The simplified version of the regular ratio, like 100:3.Decimal Form: The ratio expressed as a decimal number, such as 33.33.Rounded Decimal Form: The decimal ratio rounded to the nearest whole number, such as 33.Aspect Ratio History: View and manage the history of calculated aspect ratios.

Easy Copy: Quickly copy any aspect ratio to your clipboard for use in your designs.

User-Friendly Interface: Clean and intuitive UI designed to streamline the aspect ratio calculation process.

How it worksSelect Node(s): Click on one or more nodes in Figma to start the aspect ratio calculation process.

Choose a Separator: Decide whether to use colon (:) or slash (/) as your ratio separator.

Select a Ratio Form: Pick from one of four ratio forms (Regular Ratio, Reduced Ratio, Decimal, or Rounded Decimal).

Generate and Copy: Click Get AR to calculate the aspect ratio(s). Easily copy the results for use in your projects.

CreditsAspectMatic was developed by Emmanuel Jemeni, a frontend developer.

Built with Create Figma Plugin, Preact, TypeScript, Prettier, and TailwindCSS.

If you find this plugin helpful and would like to support my work, feel free to buy me a coffee.

For any contributions or issues, check out the AspectMatic repository.

LinkedIn: Emmanuel JemeniGitHub: @Jemeni11Twitter/X: @Jemeni11_