AspectMatic

About this plugin

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

Features

1. Separator Options: Choose between colon (:) or slash (/) to format aspect ratios.
2. Ratio Formats:
3. Regular Ratio: A simple division format for width and height, such as 300:9 or 300/9.
4. Reduced Ratio: The simplified version of the regular ratio, like 100:3.
5. Decimal Form: The ratio expressed as a decimal number, such as 33.33.
6. Rounded Decimal Form: The decimal ratio rounded to the nearest whole number, such as 33.
7. Aspect Ratio History: View and manage the history of calculated aspect ratios.
8. Easy Copy: Quickly copy any aspect ratio to your clipboard for use in your designs.
9. User-Friendly Interface: Clean and intuitive UI designed to streamline the aspect ratio calculation process.

How it works

1. Select Node(s): Click on one or more nodes in Figma to start the aspect ratio calculation process.
2. Choose a Separator: Decide whether to use colon (:) or slash (/) as your ratio separator.
3. Select a Ratio Form: Pick from one of four ratio forms (Regular Ratio, Reduced Ratio, Decimal, or Rounded Decimal).
4. Generate and Copy: Click Get AR to calculate the aspect ratio(s). Easily copy the results for use in your projects.

Credits

AspectMatic 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.

1. LinkedIn: Emmanuel Jemeni
2. GitHub: @Jemeni11
3. Twitter/X: @Jemeni11_