FIGR / UI TEMPLATE

EV Charging Tariff Designer

Set kWh prices, time-based fees and idle penalties for charging locations.

This settings reference covers EV Charging & Fleet Electrification in an existing product. All example records and metrics are fictional. The linked Figr project will appear after its design is built and checked.

EV Charging Tariff Designer

BUILD ON THIS

Make it yours in Figr.

Explore this screen, then bring in your own product and design system to shape the next version.

Use this template ↗

At a glance

Screen

Settings

Primary action

Save tariff

Pattern

settings product workflow

State

Default, Selected, Filtered, Empty, Warning, Success

Design system

Independent product UI reference; do not use the 1mg design system

What this screen helps with

Set kWh prices, time-based fees and idle penalties for charging locations.

What to look for

Workflow sections: Network, Charging Sessions, Fleet, Tariffs, Faults. Primary task: Save tariff.

States to consider

Default, Selected, Filtered, Empty, Warning, Success. Include restricted access, stale values and save errors wherever they affect the workflow.

Where it fits

Network → EV Charging Tariff Designer → Save tariff

Patterns in this screen

settings, status labels, filters, record details

UX choices to review

Show the price or policy impact before saving, and confirm which users the change affects.

Test a case such as Peak rate · $0.42/kWh alongside loading, empty, warning, permission and failed-save states.

Try a similar screen in Figr

Help me adapt EV Charging Tariff Designer to my existing product and design system. Ground your work in our screens, workflows, components and constraints. Explore default, selected, filtered, empty, warning, success and important edge cases before creating an editable Figma-ready design.

Open Figr

KEEP EXPLORING

More ways to approach your next screen.

Browse other product UI examples, compare patterns, and pick the direction that suits your product.

Explore all 500 templates ↗