UX Dizajnzačiatočník

Čo je Figma?

Figma je cloudový dizajnový nástroj na tvorbu UI/UX dizajnov, prototypov a design systémov. Umožňuje spoluprácu viacerých ľudí v reálnom čase priamo v prehliadači, bez nutnosti inštalácie.

Definícia Figma

Čo je Figma

Figma je webový nástroj na dizajn používateľských rozhraní, ktorý vznikol v roku 2016. Na rozdiel od tradičných nástrojov beží priamo v prehliadači a umožňuje spoluprácu v reálnom čase — viacerí dizajnéri a vývojári môžu pracovať na rovnakom súbore súčasne.

V roku 2022 oznámila spoločnosť Adobe zámer kúpiť Figmu za 20 miliárd dolárov, no akvizícia bola v roku 2023 zrušená kvôli regulačným obavám. Figma dnes patrí medzi najpoužívanejšie dizajnové nástroje na svete.

Kľúčové funkcie Figmy

  • Kolaborácia v reálnom čase — tím pracuje na jednom súbore simultánne, vidí kurzory ostatných
  • Auto Layout — responzívne rámce, ktoré sa automaticky prispôsobujú obsahu
  • Komponenty a varianty — opakovane použiteľné prvky s rôznymi stavmi (hover, active, disabled)
  • Prototypovanie — interaktívne prepojenia medzi obrazovkami bez kódu
  • Dev Mode — vývojári si pozrú CSS vlastnosti, medzery a exportujú assety

Figma v design systémoch

Figma je ideálny nástroj pre tvorbu a správu design systémov. Tímy vytvárajú knižnice komponentov, ktoré sa zdieľajú naprieč projektmi. Zmena v knižnici sa automaticky propaguje do všetkých súborov, ktoré ju používajú.

Praktický príklad

Príklad: Dizajnér a vývojár spolupracujú na novom webe.

Dizajnér: Vytvorí wireframe a vizuálny dizajn v Figme. Pridá interaktívny prototyp s prechodmi medzi stránkami.

Vývojár: Otvorí rovnaký súbor v Dev Mode, skopíruje CSS hodnoty, exportuje ikony vo formáte SVG a skontroluje medzery medzi prvkami.

Výsledok: Žiadne „prebehnutie" dizajnu cez email — obaja pracujú na jednom zdroji pravdy.

Často kladené otázky

Čo je Figma?

Figma je cloudový dizajnový nástroj na tvorbu UI/UX dizajnov, prototypov a design systémov. Beží v prehliadači a umožňuje spoluprácu viacerých ľudí v reálnom čase.

Je Figma zadarmo?

Figma má bezplatný plán pre jednotlivcov s obmedzeným počtom projektov. Platené plány (Professional, Organization, Enterprise) ponúkajú neobmedzené projekty a pokročilé funkcie.

Aký je rozdiel medzi Figma a Sketch?

Figma beží v prehliadači a umožňuje real-time spoluprácu na všetkých platformách. Sketch je natívna macOS aplikácia, ktorá vyžaduje pluginy na spoluprácu. Figma je dnes populárnejšia.

Môžem vo Figme vytvoriť prototyp?

Áno, Figma má zabudované prototypovanie. Môžete prepojiť obrazovky, pridať animácie a prechody a zdieľať interaktívny prototyp s klientom jedným odkazom.

Súvisiace pojmy

Sketch

Sketch je profesionálny vektorový dizajnový nástroj pre macOS zameraný na tvorbu UI dizajnov, ikon a prototypov. Bol priekopníkom moderného UI dizajnu a dodnes je populárny medzi dizajnérmi pracujúcimi na Apple zariadeniach.

Prototyp

Prototyp je interaktívny model webstránky alebo aplikácie, ktorý simuluje správanie finálneho produktu. Umožňuje klikať na tlačidlá, prechádzať medzi stránkami a testovať používateľský tok ešte pred napísaním kódu.

Wireframe

Wireframe je zjednodušený nákres rozloženia webstránky alebo aplikácie bez vizuálneho dizajnu. Zobrazuje štruktúru obsahu, hierarchiu informácií a umiestnenie prvkov pomocou jednoduchých tvarov a placeholderov.

Mockup

Mockup je vizuálne detailný návrh webstránky alebo aplikácie, ktorý zobrazuje presný vzhľad — farby, typografiu, obrázky a rozloženie. Na rozdiel od wireframu ukazuje finálny vizuál, ale na rozdiel od prototypu nie je interaktívny.

Komponentová knižnica

Komponentová knižnica je organizovaná zbierka opakovane použiteľných UI komponentov (tlačidlá, formuláre, karty, modálne okná), ktoré zabezpečujú konzistentný dizajn a rýchlejší vývoj. Každý komponent má definované rozhranie, varianty a dokumentáciu.

Späť na slovník

Potrebujete pomôcť s webom?

Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.

Napíšte miPozrite moju prácu