Complex interfaces
A course about working tools: tables, filters, long forms and dashboards — the screens people sit in front of for eight hours a day. What promo pages teach does not apply here: what matters is density, the states of the data and the fact that one screen is seen by people with different permissions. We build the shop's admin panel — the second, grown-up half of the product the school builds across all its courses.
What you will be able to do
8 modules, one project
01 How a product differs from a promo page3 lessons · 2 h 10 minOpen
A different job and a different person: they work here, they are not getting acquainted. Hence density, speed and roles.
02 Tables3 lessons · 2 h 32 min
The main element of a working interface: columns, aligning numbers, sorting and actions on rows.
03 Filters and search3 lessons · 2 h 26 min
Where filters live, how to show the ones applied and what to do when there are fifteen of them.
04 Long forms3 lessons · 2 h 30 min
A form with forty fields: grouping, steps, saving a draft and validation that helps instead of scolding.
05 The dashboard3 lessons · 2 h 28 min
Which numbers to show, how to compare them and why a beautiful chart so often lies.
06 Data states2 lessons · 1 h 38 min
Empty, too much, error, loading: the states that are missing from the layout but that a person sees.
07 Permissions and roles2 lessons · 1 h 40 min
One screen for the owner, the manager and the warehouse: what to hide, what to show as inactive and what to explain.
08 Responsive working tools3 lessons · 2 h 36 min
The final module: what to fold away first, how a table lives on a narrow screen and how to hand the admin panel over as a whole.
What you get
Videos with timecodes and a written version: the rules on tables and states are easy to come back to at work.
Tables, filters, panels and forms in Figma built on the tokens from the «Design system» course — a screen comes together in one evening.
Orders, products and sales in a realistic volume, including empty lists and extreme values for checking the states.
The check before handover: data states, roles, keyboard, density, and how the table behaves on a narrow screen.
The whole first module is open
Watch the lessons of the first module and the first task. If the format does not suit you, you have lost nothing.