Figma

Svým provedením a ovládáním Figma velmi připomíná grafické editory, i když s omezenými možnostmi. Rozvržení aplikace je následující: 

Ovládací menu

Obsah je vytvářen pomocí základních geometrických tvarů mezi kterými můžete vybírat v hlavním menu (screen níže), v případě použití obrázku funguje ve většině prohlížečích Drag&Drop do pracovní plochy.  
 

Stavebním kamenem aplikace je tzv. Rámec (zvýrazněno), v originále Frame. Jedná se o základní plátno reprezentující budoucí webovou stránku prohlíženou na určitém zařízení. Výchozí velikostní hodnoty má přednastavené, ale je možné je v případě potřeby dále měnit. Možnost výběru mezi různými rámci se Vám zobrazí v pravém panelu, vizte screen níže.

Panel vrstev a doplňků

V levém sloupci můžete nalézt všechny prvky, s kterými v rámci návrhu pracujete a máte je umístěné jak v rámcích, ale  mimo ně. Je vhodné za účelem přehlednosti všechny prvky patřičně pojmenovat a v rozumné míře využívat skupiny prvků a komponenty, viz v další kapitole. 

Vlastnosti prvku

V pravém sloupci se nacházejí vlastnosti právě vybraného prvku, které můžete snadno upravit. Pozor, většina z nich je kvůli množství skrytá. tyto další rozšiřující možnosti je možné zobrazit kliknutím na .

Současně zde (v horní části sloupce) můžete přepínat mezi režimy Design - Prototyp - Zkontrolovat.