Calculator

About this plugin

A handy Figma plugin designed to accelerate your workflow by instantly calculating totals from numerical values in text layers. Whether you're working on financial interfaces, data tables, or statistical visualizations, this tool ensures accuracy and efficiency with minimal effort.

How It Works:

Automatic Number Detection:

Quickly detects and extracts numbers from your selected text layers, effortlessly handling various formats:

1. Simple numbers: 1234
2. Decimal numbers: 1234.56 or 1234,56
3. Numbers with thousand separators: 1,234.56 or 1.234,56

Real-Time Calculation:

Instantly calculates and displays the total sum of all detected numbers from your selected layers. Update your selection, and the total recalculates automatically.

Detailed View:

Offers an expandable detailed view showing each processed text layer along with its extracted numeric value, making it easy to verify and manage your data.

Key Features:

Real-Time Updates: Automatically refreshes calculations as your selection changes.

Adaptive Interface: Collapses the detailed view when no layers are selected, keeping your workspace clean.

Theme Support: Fully compatible with both light and dark Figma themes for optimal visibility.

Native Integration: Utilizes Figma’s native UI components for a seamless experience.

Who Is It For?

This plugin is ideal for designers who frequently handle numerical data within their designs. By automating the calculation process, it allows you to save valuable time and focus more on the creative aspects of your projects, enhancing productivity and accuracy.