Sari la conținut
Design DS—01

Interfețe în Figma

Un curs de la zero până la o machetă pe care o poți preda dezvoltatorilor. Componente, auto layout, variante, stări — și un singur proiect care traversează tot cursul: un magazin online, de la wireframe la ecrane finite.

9 module24 lecții
18 orede video și practică
De la zerocerințe
Pe viațăacces și actualizări
Format
€42 plată unică
Plasează comanda Deschide programa
Plată cu cardul sau prin PayPal
Accesul se deschide imediat după plată
Retur în 14 zile, dacă nu ai început să vizionezi
Rezultat

Ce vei putea face

Să construiești macheta pe componente, nu pe copii de layere
Să folosești auto layout astfel încât blocurile să nu se destrame
Să construiești o scară tipografică și o grilă pentru proiectul concret
Să descrii stările: hover, apăsare, eroare, încărcare
Să pregătești versiuni responsive fără a reface tot fișierul
Să predai macheta dezvoltatorului astfel încât să fie acceptată din prima
Programa

9 module, un singur proiect

Apasă pe un modul ca să vezi lecțiile

01 Facem cunoștință cu Figma3 lecții · 1 h 10 minDeschis

Ne orientăm în interfață și facem primul ecran chiar din prima lecție — fără teorie despre istoria designului.

Interfața, panourile și scurtăturile de tastatură
Frame-uri, layere și prima pagină
Practică: un ecran de autentificare în 30 de minute
02 Grilă, spațiere și ritm3 lecții · 1 h 45 min

De ce unele machete arată închegate, iar altele nu. Analizăm grila modulară și scara de spațiere pe exemple reale.

Grila pe coloane și configurarea ei
Scara de spațiere: 4, 8 sau a ta
Practică: punem ordine într-o machetă străină
03 Tipografia în interfață3 lecții · 2 h

Cum alegi o pereche de fonturi, cum construiești scara de dimensiuni și cum faci textul lizibil pe orice ecran.

Alegerea perechii de fonturi pentru sarcina dată
Scara de dimensiuni și interlinierea
Practică: tipografia catalogului
04 Culoare și stiluri2 lecții · 1 h 20 min

Construim o paletă care funcționează în tema deschisă și în cea întunecată și o salvăm în variabile Figma.

Paletă, contrast și accesibilitate
Variabile și moduri de temă
05 Componente și variante3 lecții · 2 h 30 min

Modulul principal al cursului. Învățăm să facem un buton pe care nu va trebui să îl refaci când se schimbă designul.

Componentă, instanță și suprascrieri
Variante și proprietăți ale componentei
Practică: un set de butoane și câmpuri
06 Auto layout pe bune3 lecții · 2 h 15 min

Auto layout până la capăt: imbricare, întindere, lățime minimă și maximă, trecerea pe rândul următor.

Direcție, spațiere și aliniere
Întindere, hug și fill
Practică: un card de produs care se întinde
07 Stări și prototip2 lecții · 1 h 30 min

Hover, apăsare, încărcare, eroare, ecran gol. Construim un prototip clicabil și îl arătăm clientului.

Stările elementelor și tranzițiile
Prototipul și prezentarea lui
08 Responsive2 lecții · 1 h 40 min

Cum obții versiunea de mobil din cea de desktop fără un al doilea fișier și fără să muți fiecare bloc manual.

Breakpoint-uri și comportamentul blocurilor
Practică: magazinul pe telefon
09 Predarea către dezvoltare3 lecții · 2 h 10 min

Modulul final: punem fișierul în ordine, descriem ceea ce nu poate fi arătat printr-o imagine și susținem lucrarea.

Punem ordine în fișier
De ce are nevoie dezvoltatorul, în afară de machetă
Proiectul final și susținerea lui
Materiale

Ce primești

24 de lecții cu transcriere

Video de 8–15 minute, fiecare cu variantă scrisă și marcaje de timp, ca să revii exact la locul potrivit.

Fișiere Figma pentru fiecare modul

Un fișier de start și un rezultat de referință pentru fiecare bloc — îți poți verifica lucrarea cu modelul.

Teme cu analiză

Practică după fiecare modul. În formatul cu feedback, fiecare lucrare este analizată personal.

Șablon de predare către dezvoltare

Checklistul și structura fișierului după care macheta este acceptată fără o sută de întrebări suplimentare.

Tomsa Daria
Autorul cursului

Tomsa Daria

Predă direcția «Design de interfețe» la Forma. Lista completă a cursurilor este pe pagina autorului.

Toate cursurile autorului

Primul modul este deschis în întregime

Urmărește lecțiile primului modul și prima temă. Dacă formatul nu ți se potrivește, nu ai pierdut nimic.