Design tipy UI týmu 2020 — 01

2FRESH
4 min readFeb 18, 2020

--

Zveřejňujeme pro vás seznam tipů, triků a odkazů ze Slacku našeho UI Design týmu.

Král je mrtev, ať žije Figma

V UI týmu přecházíme na Figmu. Slibujeme si lepší flow, týmovou spolupráci, dokonalejší prototypování včetně animací a jednodušší handoff.

www.figma.com

Angle 3

Potřebujete dostat rychle do svých návrhů náhledy, mockupy osobních zařízeních. Zkuste Angle. Dostupné pro Sketch, Figma a XD.

angle.sh

Smooth Shadows

Pán stínů a jeho věrný pomocník. Pro dokonalé a jemné stíny vyzkoušejte tenhle plugin pro Sketch a Figmu. Stíny si můžete krásně poladit pomocí easingových křivek.

brumm.af/shadows

Build better design systems

Tenhle ultimátní checklist vám pomůže postavit dokonalý design systém.

designsystemchecklist.com

Weglot

Weglot vám umožní přeložit vaše stránky do více jazykových mutací a dá se napojit i na Webflow.

weglot.com/integrations/translate-webflow/

Razer Blade

Potřebujete výkonný notebook? Marně čekáte a trpíte u renderů na svém Macbooku. Zkuste tyhle mašiny. Vypadají více než nadupaně.

https://www.razer.com/gaming-laptops/razer-blade-studio-edition

Vectary — Create 3D designs, fast!

Jak jednodušše dostat 3D objekty a mockupy do vašich návrhů? Vyzkoušejte Vectary.

www.vectary.com

Design System Manager od Invison

https://www.invisionapp.com/design-system-manager

V poslední době jsme proklepávali Design System Manager od Invision (DSM). To proto, že jsme ve Škodovce potřebovali nějaké řešení, jak ve více lidech pracovat v jednom Sketchi. Na žádné jsme nepřišli ani DSM to bohužel vůbec neřeší. Je to ale zajímavý nástroj na správu Design Systému, kdy máte možnost komentovat jednotlivé elementy. Zároveň vidíte historii verzí, rovnou kód atd., a to jedním klikem z InVision Inspect mode. Ideální na nějaký větší projekt, co má potenciál, že bude dlouhodobější a bude na něm pracovat více lidí. Zkuste se podívat na tyhle dema.

Invision’s sample DSM library
dsmexample.invisionapp.com/dsm/in-vision-dsm/example-library/folder/components/5bcf2b11dcb933001108b3b1

DSM for Developers is a 4 minute video of a developer talking about how he uses DSM
drive.google.com/file/d/1Pm-V40DYTFRX8RjMfBIpA39CKrTMXIz6/view

40 minute DSM demo from one of our product experts
invisionapp.wistia.com/medias/mjbgvwp1uy

HTML—to—Figma

Potřebujete faceliftovat existující stránky a nechce se vám všechno kopírovat kus po kuse do svého editoru? Tenhle plugin do Figmy je svělý pomocník a šetří spoustu času a CTRL C+V chmatů.

github.com/BuilderIO/html-to-figma

Great Simple Design Bundle

Skvělý balík UI kitů, Wireframů a šablon pro Sketch, Figmu, XD a dokonce i Photoshop.

bundle.greatsimple.io/

Philips Cocreate — Human-centered innovation

Philips má skvěle popsané své design procesy a postupy. Prostudujte si jejich vlastní framework Cocreate 👍

“Today, it’s impossible to innovate on your own. Effective innovation calls for a collaborative, design approach that puts people at the center from the start. We call this Cocreate.”

https://www.philips.com/a-w/about/philips-design/cocreate

Best of Behance 2019

Moodboard toho nejlepší na Behance za uplynulý rok.

www.behance.net/collection/174333063/Best-of-2019

A Designer’s Guide to the Terminal

Potřebujete občas nastavit něco v terminálu a nevíte co do něj vlastně píšete nebo kopírujtete? Tenhle návod vám osvětlí základní příkazy a postupy.

react.design/terminal

Odkazy pro vás nasbíral a připravil 2FRESH UI tým
www.2fresh.cz/ui

Jarin Němeček
2F Design Team Leader

--

--

2FRESH

Pomáháme produktovým týmům s designem. Pomáháme designerům růst a mít pestrou práci.