Education

[VIP] Designcode: UI Design Smart Home App in Figma

Design a Smart Home app from scratch using various tricks and techniques in Figma. Access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files.

Nov 18, 2023 - 01:39
Nov 18, 2023 - 00:04
 0  180
[VIP] Designcode: UI Design Smart Home App in Figma

7 topics

All techniques are explained step-by-step, in a beginner-friendly format so that you can easily follow in a cohesive way.

  

  • 1. Design System

Learn how to create a simple design system for colors and text styles

  • 2. Top Navigation

Build the top navigation of the app

  • 3. Segmented Control

Learn how to create segmented controls

  • 4. Custom Tab Bar

Learn how to create a custom tab bar

  • 5. Thermostat Control

Design a thermostat control

  • 6. Dropdown Button and Cards

Learn how to create a dropdown button

  • 7. Active and Inactive Buttons

Learn how to create a button with 2 different states



Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.
 
 

  • Design template
  • Source code for all sections
  • Video files, ePub and subtitles
Download

Tags:

Previous Article

Plurk: Tailwind CSS Multipurpose Landing Templates

Next Article

UX Writing — Part 1

What's Your Reaction?

like

dislike

love

funny

angry

sad

wow

Related Posts

[VIP] Figma for Digital Marketing and Growth Hacking

[VIP] Figma for Digital Marketing and Growth Hacking

Sep 17, 2021  0  180

[VIP] LinkedIn-Lynda: All UX/UI Courses

[VIP] LinkedIn-Lynda: All UX/UI Courses

Oct 28, 2021  0  191

[VIP] LearnUX: All UX/UI Courses

[VIP] LearnUX: All UX/UI Courses

Nov 20, 2021  0  251