Eu vou construir seu design system no Figma com tokens e variáveis


Sobre este Serviço
Tradução automática
Um design system só é útil se sua equipe realmente o usar. A maioria das bibliotecas do Figma quebra da mesma forma: cores codificadas, componentes sem estados e ninguém sabe qual botão é o certo.
Sou Lead Product Designer com mais de 10 anos em UX/UI, 7 deles na Deloitte Digital. Já criei design systems para produtos fintech e B2B, incluindo o portal de integração Masterpass e Ledgerly, um painel de cobrança com temas Light e Dark (241 variáveis, 56 conjuntos de componentes).
O que você recebe:
- Fundamentos de tokens em variáveis do Figma: cor, tipo, espaçamento, raio, efeitos
- Tokens semânticos, para que temas e modo escuro sejam um switch, não uma reformulação
- Componentes com estados reais: hover, focus, disabled, error, loading
- Layout automático e variantes que se mantêm estáveis quando o conteúdo muda
- Um arquivo limpo, documentado que seus designers e desenvolvedores podem pegar
Boa opção para: produtos SaaS, startups que estão saindo de um kit de UI bagunçado, equipes se preparando para uma reformulação ou um modo escuro.
Tem um arquivo existente? Envie-o antes de pedir e eu te digo o que ele precisa.
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.
Conheça mais sobre Bedri Cem I.
Lead Product Designer, SaaS UX UI and Design Systems
- A partir deTurquia
- Membro desdedez. de 2021
Idiomas
Inglês
Tradução automática
Meu portfólio
Perguntas frequentes
Tradução automática
Você pode melhorar um arquivo Figma existente?
Sim. Posso auditar seu arquivo atual, reconstruir cores e tipos como variáveis e limpar componentes sem atrapalhar as telas que já os utilizam.
Como os desenvolvedores usam os tokens?
As variáveis são nomeadas por finalidade (por exemplo color/bg/primary), então mapeiam diretamente para variáveis CSS ou um arquivo de tema. Também posso exportá-las como JSON se sua equipe precisar.
Quais componentes estão incluídos?
Core Library cobre 12 itens essenciais como botões, campo de entrada, select, checkbox, radio, toggle, tag, tooltip, card, modal, tabs e linha de tabela. Precisa de outros? Me avise que eu troco.
Eu possuo os arquivos fonte?
Sim. Você recebe o arquivo Figma completo com todas as variáveis, estilos e componentes assim que o pedido for concluído.

