Sari la conținut
Înapoi la toate cursurile
Design UI/UX 6 ore · 140 lecții

Curs Complet Figma Web design & UI/UX de la zero

Învață Figma — programul gratuit pe care îl folosesc marile agenții de design din lume. 140 de lecții, exerciții practice și proiecte reale de UI pentru web și mobile.

Ore
0h
Lecții
0
Preț
0 lei/lună
Preview gratuit

Predă: Cristian Barin

Adobe Certified Expert

Ce vei învăța

6 rezultate concrete, nu vorbe goale.

Interfață Figma fără confuzie

Frames, components, variants, auto-layout — totul clar explicat.

Design system profesionist

Creezi design systems reutilizabile, cu tokens și variants bine organizate.

Prototyping interactiv

Click-throughs, overlays, smart animate — pentru prezentări care vând.

UI pentru web și mobile

Layout-uri responsive, grid-uri, componente pentru ecrane mari și mici.

Workflow cu developeri

Dev mode, specs, export assets — colaborare fără frecare.

Plugins și shortcuts

Cele mai utile plugin-uri + scurtături care te fac rapid de 3x.

Pentru cine este

Cursul este perfect dacă ești

  • Începători absoluți la design digital
  • Design-eri care migrează de la Photoshop/XD
  • Developeri care vor să-și facă singuri UI-ul
  • Antreprenori care vor să comunice vizual cu echipa
Ce primești

În curs vei primi

Ore
6 h
Lecții
140
Preț
197 lei/lună
Suport
Mail Comunitate Mesaje Live Chat (opțional)
Acces
Nelimitat · anulezi oricând
Curriculum complet

7 capitole, 104 lecții, zero umplutură.

7 capitole · 104 lecții · 0 gratuite

    • Introducere
    • Descarcă toate resursele aici
    • Ce este Figma și este mai bun decât alte programe de design?
    • Bun venit în Figma
    • Începem treaba în Figma
    • Cum te orientezi în Figma
    • Exercițiu: cum să organizezi un proiect
    • Rezolvarea exercițiului și câteva sfaturi
    • Descoperă interfața Figma – cu bune și rele
    • Primul tău mini website
    • Așa se editează iconițe
    • De ce începătorii renunță
    • De ce nu învăț programare
    • Cea mai mare diferență în Figma față de alte programe
    • Cum creezi butoane în Figma
    • Noțiuni esențiale despre culori în Figma
    • Noțiuni avansate despre culori în Figma
    • Cum adaugi imagini: frames sau dreptunghiuri?
    • Exercițiu: Galerie de imagini (Colaj)
    • Cum funcționează măștile în Figma
    • Descoperă cele 3 tipuri de texte în Figma
    • Proprietățile textelor în Figma
    • Cum să lucrezi cu texte ca un profesionist
    • Efecte în Figma: blur, shadow și altele
    • Tot ce trebuie să știi despre grids
    • Components la prima vedere
    • Limitările planului gratuit și Drafts
    • Asta te face un web designer bun!
    • Concluziile capitolului
    • Introducere UX și atenție la detaliu
    • UX explicat cât mai clar
    • Cum am dublat cifra de afaceri: de la 5 la 10.000 de euro/lună
    • Cum am îmbunătățit pagina de checkout
    • Varianta mobilă a magazinului online
    • Varianta mobilă – pagina produsului
    • Detalii care fac diferența
    • Iată cum lucrezi cu un programator
    • Low fidelity, heatmaps și documentație
    • Concluziile capitolului
    • Cea mai importantă întrebare
    • Cum începi corect orice proiect
    • Construim top bar
    • Finisăm top bar
    • Cum faci un header modern
    • Cea mai importantă zonă
    • Navigația secundară
    • Cardul – acolo unde trebuie să fii foarte atent
    • Detalii importante în card
    • Zona de întrebări frecvente
    • Abonează-te la newsletter
    • Construim footerul
    • Variații pe care le poți face rapid
    • Pagina produsului – baza
    • Pagina produsului – partea de sus
    • Terminăm pagina produsului
    • Introducere
    • Obiectivul afacerii
    • Vizitatori versus patroni
    • Site-uri mari fără sens
    • Statistică în web design
    • Wix, SquareSpace și Shopify
    • Studiu de caz: 4 variante pentru aceeași afacere
    • Prima pagină a unui magazin online
    • Iată de ce designul tău e implementat stângaci
    • Pagina produsului a unui magazin online
    • Procesul de checkout
    • Care este diferența dintre landing page și un website?
    • Nu toate site-urile vor să vândă imediat
    • De ce landing page-urile sunt considerate dubioase?
    • SaaS – noua mină de aur?
    • Studiu de caz: obiectivele clientului
    • Teste A/B
    • Un logo nou – abordarea mea
    • Concluziile capitolului
    • Introducerea proiectului
    • Setările corecte pentru versiunea desktop
    • Lucrăm la header
    • Facem meniul principal
    • Bara de căutare
    • Funcția de sortare
    • Card – cel mai important element
    • Îmbunătățim cardul
    • Navigația secundară
    • Paginație
    • Fundația footerului
    • Adăugăm conținut în footer
    • Imperfecțiuni vizuale
    • Ce trebuie să reții
    • Elementul de bază al oricărui web designer
    • Structuri non-standard
    • Creează o structură standard
    • Cum determini mărimea ideală pentru elemente
    • 2 informații cheie despre fonturi
    • Formatarea textului și alte reguli esențiale
    • Contrast în web design
    • Contrast – studiu de caz 1
    • Contrast – studiu de caz 2
    • Tot ce trebuie să știi despre codurile de culoare
    • Cum aranjezi elementele în hero area
    • Cum aranjezi iconițe cu texte
    • Reguli esențiale pentru iconițele în web design
    • Cum redimensionezi iconițe de forme diferite
    • Dezechilibru vizual
    • Greșeli de execuție la foc automat
Cristian Barin
Cine te predă

Învață direct de la un Adobe Certified Expert.

Sunt Cristian Barin, instructor certificat oficial de Adobe atât ca Expert (ACE) cât și ca Instructor (ACI) în Photoshop. Predau Photoshop din 2013, pe Udemy am peste 300.000 de cursanți și 40.000 de recenzii (în mare parte 5 stele).

Cursul acesta cuprinde tot ce am învățat în 12 ani de design, freelancing și antreprenoriat — de la primele click-uri în Photoshop până la cum îți construiești un portofoliu care îți aduce primii clienți plătiți.

  • Adobe Certified Expert (ACE) Photoshop
  • Adobe Certified Instructor (ACI)
  • Top instructor Udemy · 300.000+ cursanți
  • Fondatorul Ohvaz (€700k/an)
  • Autor: „Un Milion din Photoshop"
  • Antreprenor cu experiență
Întrebări frecvente

Despre acest curs, pe scurt.

Figma e gratuit?

Da, Figma are un plan gratuit suficient pentru proiectele personale și freelance. Detalii despre pricing și când trebuie să upgradezi sunt în prima lecție.

Cât timp durează să termin cursul?

Cursul e pre-înregistrat și ai acces nelimitat. Cei mai mulți cursanți îl termină în 4-8 săptămâni la 30-60 minute pe zi, în funcție de durata totală.

Voi primi feedback la proiectele mele?

Da. Ai live chat direct cu mine plus o comunitate unde poți primi feedback și vedea proiectele celorlalți cursanți.

Pot anula abonamentul oricând?

Da, abonamentul de 197 lei/lună se anulează cu un click din contul tău. Nu există perioadă minimă de angajament.

Există certificat la final?

Da, primești o diplomă simbolică la finalizare. În industrie portofoliul contează cel mai mult — iar cursurile sunt construite să-l clădești.

Începe cursul astăzi.

6h de conținut + acces nelimitat la TOATE celelalte cursuri. Acces în 60 de secunde după plată.

197 lei/lună Cel mai ales

Acces complet la toate cursurile · anulezi oricând

Începe abonamentul lunar

Sau anulezi cu un click — fără perioadă minimă, fără întrebări.