Bibliotecas em ferramentas de design são uma parte importante de um sistema de design. Acreditamos que os designers devem trabalhar com elementos o mais próximo possível da implementação no código. Portanto, nas bibliotecas, coletamos para eles os componentes mais relevantes que refletem as mesmas condições disponíveis durante o desenvolvimento.
O código fonte do componente React já foi publicado no Github - seguindo o exemplo de nossos desenvolvedores, agora compartilhamos bibliotecas de componentes no Figma.
Quatro bibliotecas estão disponíveis na página VK na Figma Community :
- Biblioteca Base VKUI - uma biblioteca básica que contém mais de 650 ícones e todos os tokens de cores para um tema claro e escuro (na forma de estilos);
- VKUI iOS Library e VKUI Android Library - bibliotecas de componentes para iOS e Android, coletadas em tokens da Biblioteca Base, bem como modelos de tela prontos;
- Paleta de cores VKUI - uma paleta de cores dos aplicativos VK que coletam tokens de cores.
Como isso pode ser útil para você
VK Mini Apps
- VKUI , -. , VK, — - 16 . VK Mini Apps, 30 .
- VKUI. — . , -, .
, VKUI:
VK Designers
VK Designers — .
, . , , Auto Layout, . .
, . , , , — .
-, .
Figma , -. , , — , .
Figma — .
Auto Layout
Auto Layout Figma , . , - , . - Auto Layout , —
. — Figma .
, JSON VKUI Base Library . .
Figma Appearance — . : , Light Text / Primary Dark Text / Primary. 200+ .
, , , . , — : .
VKUI Figma, :
iOS Android.
Sketch
VKUI Sketch — .