The dark version has muted text colors that stay easy to read at night. A smart home app with clear controls. The home screen shows energy and device tiles. The thermostat screen has a large dial and a schedule.

What is included

• An energy card with a weekly chart
• Device tiles with switches
• A thermostat dial with gradient arc
• Mode switch and stat tiles
• A daily schedule list

Where to use it

Use it for a smart home, IoT or energy app.

Design notes

This smart home control app screens follows a simple rule: Mobile layouts need comfortable touch targets. The buttons and rows here are at least 44 pixels tall, and the text stays readable on small screens. It includes an energy card with a weekly chart, device tiles with switches, a thermostat dial with gradient arc, so you can start from a finished layout and change only what you need.

Built for editing

Spacing follows a 4 point scale and layers have clear names, so developers can find what they need. Fonts are free on Google Fonts, and every color can be changed from the fill panel. You also get mode switch and stat tiles and a daily schedule list.

How to use it

Copy the component with the copy button and paste it into Figma with Ctrl+V or Cmd+V. The layers keep their auto layout, so you can edit text, colors and spacing. The text uses Plus Jakarta Sans and a few free Google Fonts. Install them first so the text looks the same.

Dark version

This listing is the dark version. The light version is listed separately.