Θεωρία UI/UX Design

Εισαγωγή στο Figma

·         Τι είναι το Figma

·         Interface overview (Canvas, Layers panel, Properties panel)

Βασικά εργαλεία σχεδίασης

·         Frames vs Groups

·         Shapes (rectangle, ellipse, line)

·         Text tool (fonts, styles)

·         Colors & gradients

·         Alignment & spacing

Layout & οργάνωση

·         Grids (columns, layout grids)

·         Constraints (responsive behavior basics)

·         Ονοματολογία σε layers

Assets & εικόνες

·         Import images

·         Basic editing

·         Icons (plugins intro)

Components

·         Τι είναι components

·         Create component

·         Instances

·         Variants (hover, active states)

Auto Layout

·         Βασικές αρχές (direction, spacing)

·         Padding & alignment

·         Hug / Fill container

·         Responsive design logic

Styles & Design System

·         Color styles

·         Text styles

·         Reusable tokens

Prototyping

·         Links between frames

·         Interactions (click, hover)

·         Smart animate

·         Overlays

Collaboration & Handoff

·         Sharing files

·         Comments

·         Inspect panel (για developers)

·         Export assets

Plugins & Productivity

·         Plugins (π.χ. Unsplash, Autoflow)

·         Tips & shortcuts

·         Export – Preview (real time)