FP DAM · CFGS
FP Illes Balears
UI
The screen, the flow, the person on the other side. In one year, you will design interfaces people can use without thinking — and know exactly why they work.
Units
8
from a Figma sketch to an installable app
Hours
100
5 a week, all in English
Project
One app
Figma, Svelte, Storybook & Tauri
The modules
1st term: units 1–4 · 2nd term: units 5–8
1
Interface design
1st term
Usability and accessibility: design screens anyone can use, and prototype your app in Figma.
Usability · Accessibility · Figma
2
Visual editors
1st term
From design to code: build an interface with a visual editor, then read and fix the code it generates.
Visual editors · Generated code
3
Interface development
1st term
Implement your design in Svelte and wire every button to an action.
Svelte · Events
4
Visual components
1st term
Reusable pieces: create, test, document and package your own components.
Components · Unit tests · Storybook
5
Natural user interfaces
2nd term
Apps that react to your voice, hands and body — plus a touch of augmented reality.
Speech · Body tracking · AR
6
Reports
2nd term
Turn raw data into reports with filters, totals and charts, embedded in your app.
Reports · Charts
7
Documentation
2nd term
Help, manuals and tutorials: everything a user needs to use your app.
Help · Manuals · Tutorials
8
Packaging
2nd term
Ship it: installers, signed packages and clean uninstalls for desktop and mobile.
Tauri · Installers · Signing
How this site works
01
Read the lesson
Every page starts from something you already do, explains the idea with one analogy, and defines every term.
02
Take the quick check
Self-graded quiz at the bottom of every lesson. Your scores stay in your browser — no account, no server.
03
Build the project
One app grows all year: designed in Figma, built in Svelte, shipped with Tauri. Break things safely — that is where it sticks.
Glossary
Slides (PDF)
UI · FP DAM · FP Illes Balears