AI nástroj, který mi v poslední době nejvíc rozšířil schopnosti? Jednoznačně pen.dev

Design UI nikdy nebyl mou silnou stránkou. Můj vizuální cit pro vzhled aplikace končí u "není to ono". Vždycky jsem se orientoval víc na návrh systému, architekturu, workflow a vizuální prvky nechával na někom jiném.

V interních aplikacích je podstatná ergonomie. Takže Material Design, funkční UI, hotovo.

Jenže když se podívám na aplikaci, kterou vyvíjíme několik let, nebo když přidávám nový prvek do UI, narazím na to samé: hodil by se redesign, který zachová funkčnost a ergonomii, ale posune to vizuálně do modernějšího směru.

A to jsou situace, kde mi Pencil dává skilly, které přirozeně nemám.
Dám mu screenshot části aplikace, popíšu, co potřebuji změnit nebo přidat - dostanu 2-3 varianty návrhu. Nad kterými se dá dále pracovat, iterovat a vybrat tu nejvhodnější.

Pencil zvládne i celou obrazovku převést do designu a pak ji upravit, modernizovat, vylepšit podle mých instrukcí.

A pak je tady plugin do Cursoru: Označím vybraný design → AI agent vygeneruje React kód přímo v editoru.

Pencil není jen "hezčí Figma". Je postavený na moderním CSS a umí design-to-code i code-to-design. Nástroj designovaný pro AI workflow.

Interní aplikace mohou konečně vypadat dobře a nestojí to přitom mnoho úsilí!