Framer

Framer je nástroj pro interaktivní design, který se z aplikace pro prototypování vyvinul v plnohodnotný website builder spojující vizuální návrh s možnostmi React komponent. Designérům umožňuje tvořit rozhraní s vysokou věrností na vizuálním plátně a zároveň podporuje vlastní kódové komponenty napsané v Reactu, které lze do návrhů vkládat vedle vizuálních prvků.

Platforma nabízí výkonný animační systém s podporou spring fyziky, gestových interakcí a animací spouštěných scrollováním. Designéři mohou složité přechody a mikrointerakce definovat vizuálně a výsledné weby se publikují jako optimalizované, serverově vykreslované stránky. Komponentový systém Frameru zahrnuje varianty, responzivní breakpointy a integraci s CMS pro obsahové weby.

Pro vývoj webu zaujímá Framer zajímavé místo mezi designovými nástroji a website buildery. Publikované weby jsou produkčně použitelné stránky s dobrým výkonem, takže je lze využít pro marketingové weby, portfolia a landing pages bez tradičního vývojového workflow. Funkce kódových komponent znamená, že vývojáři mohou stavět vlastní React komponenty, které designéři používají ve vizuálním editoru. Omezením je, že Framer se nejlépe hodí na weby zaměřené na obsah, nikoli na složité webové aplikace s rozsáhlou byznys logikou.