FIGR / UI TEMPLATE

Renewable Asset Portfolio

Compare plant output, availability and curtailment across asset classes.

Explore this analytics as a reference for renewable energy asset software. Review the steps and edge cases, then adapt it to your existing product and design system. All example records are fictional.

Renewable Asset Portfolio

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

Analytics

Primary action

Compare plant output, availability and curtailment across asset classes

Pattern

analytics workflow

State

Default, Selected, Filtered, Empty, Warning, Success

Design system

Independent product UI reference

What this screen helps with

Compare plant output, availability and curtailment across asset classes.

What to look for

Core areas: Asset Portfolio, Generation, Maintenance, Dispatch and Reports. Main task: Compare plant output, availability and curtailment across asset classes. Show affected assets, owners and clear status.

States to consider

Default, Selected, Filtered, Empty, Warning, Success. Cover missing telemetry, restricted access, unavailable assets, failed changes and retries where relevant.

Where it fits

Asset Portfolio → Renewable Asset Portfolio → Compare plant output, availability and curtailment across asset classes

Patterns in this screen

analytics, filters, status labels, record details

UX choices to review

Label the time window, units and source of each metric. Separate missing telemetry from a reading of zero, and let users inspect assets behind a trend.

Show asset identifiers, timestamps and data freshness. Distinguish missing telemetry, access limits and genuine alerts. Provide a recovery step after a failed change.

Try a similar screen in Figr

Adapt Renewable Asset Portfolio to my existing renewable energy product and design system. Use our components, asset hierarchy, permission rules and operational constraints. Review edge cases before creating editable screens.

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 ↗