Vou construir um sistema de design com tokens, componentes e documentação


Sobre este Serviço
Tradução automática
Eu criei e mantive o sistema de design para toda a empresa em uma software que atende companhias aéreas e grandes grupos empresariais. Não é uma pasta com telas do Figma, é um sistema que engenheiros realmente usaram.
O que você recebe:
- Tokens de design: cor, tipografia, espaçamento, raio, elevação, em uma estrutura que se conecta facilmente às variáveis CSS ou à configuração do Tailwind
- Uma biblioteca de componentes no Figma com variantes e layout automático adequado, para que sobreviva ao contato com uma equipe real
- Estados cobertos: padrão, hover, foco, desativado, carregando, erro
- Modo claro e escuro, se precisar de ambos
- Documentação que explica quando usar um componente e quando não usar
- Opcional: os mesmos componentes escritos em código React e Tailwind, pelos mesmos criadores que os desenharam
O objetivo de um sistema de design é que a quinta tela leve uma hora, em vez de um dia. Isso só funciona se a nomenclatura, os tokens e a documentação estiverem corretos, que é onde a maioria dos sistemas falha.
Me diga o que você tem hoje, arquivo do Figma, código existente ou nada, e eu te direi qual pacote se encaixa.
Preferência de estilo de entrega
Informe o freelancer sobre suas preferências ou preocupações em relação ao uso de ferramentas de IA na conclusão e/ou entrega de seu pedido.
Respeite os direitos de terceiros
Esteja atento ao fato que é contra as políticas do prestador da Fiverr incluir temas, modelos ou outros elementos no trabalho entregue que infrinjam os direitos de terceiros ou leis aplicáveis. Leia mais em nosso Guia de Criação Digital Responsável.
Conheça mais sobre Arif Tarkan
Product Designer and Front End Developer, Enterprise UX, Astro and React Sites
- A partir deTurquia
- Membro desdeout. de 2022
- Responde em aprox.:1 hora
Idiomas
Inglês
Tradução automática
Meu portfólio
Perguntas frequentes
Tradução automática
Você consegue trabalhar com nosso arquivo do Figma ou base de código existente?
Sim, e geralmente é a melhor opção. Faço uma auditoria do que você já tem, mantenho as partes que funcionam e reconstruo o restante em uma estrutura consistente de tokens e componentes. Envie o link do Figma ou o repositório que eu te digo o que dá pra aproveitar.

