FIGR / UI TEMPLATE
Help drivers find chargers, confirm plug compatibility and start demo sessions.
This portal 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.
BUILD ON THIS
Explore this screen, then bring in your own product and design system to shape the next version.
Portal
Find charger
portal product workflow
Default, Selected, Filtered, Empty, Warning, Success
Independent product UI reference; do not use the 1mg design system
Help drivers find chargers, confirm plug compatibility and start demo sessions.
Workflow sections: Network, Charging Sessions, Fleet, Tariffs, Faults. Primary task: Find charger.
Default, Selected, Filtered, Empty, Warning, Success. Include restricted access, stale values and save errors wherever they affect the workflow.
Network → EV Driver Charging App → Find charger
portal, status labels, filters, record details
Keep availability, compatibility and permission rules clear before the user starts.
Test a case such as Station Harbor · 4 stalls alongside loading, empty, warning, permission and failed-save states.
Help me adapt EV Driver Charging App 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.
KEEP EXPLORING
Browse other product UI examples, compare patterns, and pick the direction that suits your product.