FIGR / UI TEMPLATE
Assemble annual ESG disclosures with owners, evidence and review status.
This builder design reference covers Climate & Sustainability with fictional sample records.
BUILD ON THIS
Explore this screen, then bring in your own product and design system to shape the next version.
Builder
Create ESG report
builder view
Default, loading, filtered, empty, warning, error, success
Independent UI reference; no 1mg design system
Assemble annual ESG disclosures with owners, evidence and review status.
Relevant sections: Overview, Emissions, Materials, Reporting, Targets. Primary action: Create ESG report.
Empty results, slow loading, restricted permissions, validation feedback, failed saves, and success.
Overview → ESG Report Builder → Create ESG report
builder, status, record details, filters
Keep the record's status, owner and next action visible. Use cases such as Governance disclosures to check what happens when details are missing or cannot be saved.
Show metric units, timestamps and recent changes where needed; don't confuse a zero result with data that hasn't arrived.
Review ESG Report Builder in the context of my existing product and design system. Explore important states, edge cases and clear next actions before producing Figma-ready screens.
KEEP EXPLORING
Browse other product UI examples, compare patterns, and pick the direction that suits your product.