Figma

Figma je kolaborativní nástroj pro návrh rozhraní, který umožňuje týmovou práci na UI a UX projektech v reálném čase. Kombinuje výkonnou editaci vektorů s cloudovým ukládáním souborů, prototypováním a infrastrukturou pro design systémy zvanou knihovny. Více designérů může pracovat na stejném souboru současně a vidět navzájem své kurzory a změny v reálném čase, podobně jako v Google Docs.

Platforma běží v prohlížeči i jako desktopová aplikace nad stejnou cloudovou infrastrukturou, což odstraňuje problémy s verzováním a sdílením souborů známé ze starších designových nástrojů. Komponentový systém Figmy umožňuje týmům vytvářet znovupoužitelné UI prvky s variantami, auto-layoutem pro responzivní chování a vlastnostmi, které zrcadlí fungování komponent v kódu. Styly a komponenty lze publikovat do sdílených knihoven.

Pro vývoj webu se Figma stala dominantním designovým nástrojem, protože překlenuje mezeru mezi designem a vývojem. Dev Mode poskytuje vývojářům CSS hodnoty, rozměry odsazení a export assetů přímo z designových souborů. Pluginy umějí z návrhů generovat kód, synchronizovat design tokeny do repozitářů a integrovat se s nástroji pro řízení projektů. Díky inspect workflow už vývojáři nepotřebují ovládat designový software, aby získali detaily pro implementaci, což výrazně snižuje tření při předávání.