Questions and Answers
O que o iDS (Itaú Design System) oferece?
O iDS é o design system oficial do banco Itaú.
True
Quais são as duas divisões principais dos design tokens no iDS?
Foundations tokens e Default tokens
O iDS não é __________.
Signup and view all the answers
Associe as definições corretas sobre iDS com suas características:
Signup and view all the answers
Qual é a visão de produto do iDS?
Signup and view all the answers
Os design tokens são a maior parte de um design system.
Signup and view all the answers
Quais são alguns exemplos de marcas que utilizam Default tokens?
Signup and view all the answers
Qual é a principal função dos componentes no Itaú Design System?
Signup and view all the answers
Os componentes são acessíveis apenas por pessoas designers e não por pessoas desenvolvedoras.
Signup and view all the answers
Quais são alguns exemplos de componentes mencionados?
Signup and view all the answers
As bibliotecas devem estar ligadas no arquivo, incluindo iDS Core components, iDS General Tokens, iDS Brands e iDS ______.
Signup and view all the answers
Associe as bibliotecas às suas respectivas descrições:
Signup and view all the answers
O que é necessário fazer para ativar uma biblioteca no Figma?
Signup and view all the answers
Os design tokens são elementos que formam os componentes.
Signup and view all the answers
Qual é o primeiro passo para adicionar componentes no Figma?
Signup and view all the answers
Study Notes
iDS - Itaú Design System
- iDS é o sistema de design oficial do Itaú, proporcionando uniformidade em produtos e marcas.
- Inclui elementos de interface, componentes reutilizáveis, guias de estilo e regras de acessibilidade.
O que o iDS é e não é
- Não é: Voxel, Master, Work.co, ou iDL (iDS é uma ferramenta dentro da diretriz iDL).
- É: Sistema de design para múltiplos produtos do banco, suporte à construção de jornadas em iDL.
Visão do Produto
- A visão do iDS é ser um sistema único, atendendo todas as marcas e plataformas do Itaú.
- Objetivo é facilitar experiências rápidas e consistentes para os clientes, mantendo qualidade e eficiência.
Design Tokens
- Design tokens são variáveis de estilo pré-definidas (como bordas, cores, tipografia) usadas por times de design e tecnologia.
- Representam a menor unidade do design system, formando juntos os componentes.
- Divididos em:
- Foundations tokens: pré-definições universais para todas as marcas.
- Default tokens: pré-definições específicas para marcas como IBBA e Credicard.
Componentes
- Componentes são elementos reutilizáveis que utilizam design tokens e regras de acessibilidade e codificação.
- Permitem escalabilidade e agilidade na produção de interfaces digitais.
- Acessados por desenvolvedores via repositórios de tecnologia e por designers através de bibliotecas no Figma.
Conexão com o Figma
- Para ativar bibliotecas no Figma, acesse "Assets" > "Library" > "Your teams".
- Exemplos de componentes incluem botões, modais, sliders, menus e checkboxes.
Ligação de Bibliotecas no Figma
- Com o arquivo aberto, vá em "Assets" e clique no ícone de Libraries.
- Selecione a aba Itaú Unibanco e escolha [iDS] Itaú Design System.
- Adicione bibliotecas: Core components, General Tokens, Brands e Icons.
- As bibliotecas devem estar localizadas em iDS Resources para uso.
Adicionando Componentes no Figma
- Componentes reutilizáveis são criados com design tokens, permitindo padronização e agilidade.
- Para adicionar componentes: clique no respectivo ícone no Figma e selecione os desejados para a interface.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.
Description
Neste quiz, você aprenderá sobre o iDS, o design system oficial do Itaú. Descubra suas características, elementos de interface, e como ele se integra ao ecossistema de produtos e marcas do banco. Teste seus conhecimentos sobre o que o iDS representa e como ele é utilizado.
