Ver categorias
Explorar
Fiverr Pro
Português
$
USD
Vou construir um sistema de design escalável baseado em tokens no Figma
Ravindra
Sobre este Serviço
Tradução automática
A maioria dos "sistemas de design" que você compra são apenas uma paleta de cores e alguns componentes grudados, sem estrutura, sem documentação, nada que sua equipe de devs possa usar.
Eu crio sistemas de design reais BASEADOS EM TOKEN: tokens semânticos primitivos para componentes, para que seu produto mantenha consistência, suporte temas claro/escuro/multimarcas e seja entregue aos devs sem adivinhações.
O QUE VOCÊ RECEBE:
Arquitetura de tokens real, não apenas estilos nos componentes
Variáveis no Figma para cor, espaçamento, raio, tipo e modos
Exportação pronta para dev: variáveis CSS, Tailwind ou tokens JSON
Razões de contraste e alvos de toque compatíveis com WCAG
Documentação explicando cada token e como estendê-lo
Construído para escalar, novos componentes herdam o sistema corretamente
PARA QUEM É INDICADO:
Startups que estão formalizando antes de escalar, agências entregando para devs, fundadores cansados de telas inconsistentes, equipes migrando para Variáveis no Figma.
COMO FUNCIONAMOS:
1. Compartilhe ativos da marca ou UI existente
2. Mapeio a arquitetura de tokens
3. Construo componentes com base nisso
4. Entrego arquivo do Figma + documentação + exportação para dev
5. Uma rodada de revisão para ajustar
Não tem certeza de qual pacote é o ideal? Mande uma mensagem com seu produto e tamanho da equipe; te digo o que você 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 Ravindra
Ravindra
Expert UI UX Designer
- A partir deÍndia
- Membro desdeout. de 2022
- Responde em aprox.:1 hora
- Última entrega1 ano
Idiomas
Inglês
Hi Folks,
My name is Ravi. A Digital UI/UX Designer with 12+ years of Experience.
I am Experienced in (UX/UI) User Experience Design and User Interface Design, Web Design or Landing page design, Mobile App UI Design, (UX) User Research, UI/UX Prototyping, Wireframe design, and User Flow.
I can help you with:
- Complex Mobile App and Web App Design
- Responsive Website Design
- User flows, Wireframes, Scenarios
- Interactive UI Prototype / Testing
- Component Library, Design System
Tools:
- Figma
- InVision
- Adobe XD
- Photoshop
Tradução automática
Meu portfólio
Perguntas frequentes
Tradução automática
Qual a diferença entre um "kit de UI" e um "sistema de design baseado em tokens"?
Kit de UI é um conjunto de telas/componentes prontos. Um sistema baseado em tokens é a arquitetura subjacente — cores, espaçamentos e tipografia definidos uma vez como variáveis e referenciados em todo lugar — assim o sistema escala e suporta temas sem precisar refazer tudo manualmente. Eu construo o último.
Você usa Variáveis no Figma ou plugins como Tokens Studio?
Variáveis nativas do Figma por padrão, já que é assim que a maioria das equipes de dev sincroniza via API REST do Figma ou plugins como Tokens Studio. Também posso configurar o Tokens Studio se sua equipe já tiver esse pipeline — é só mencionar na sua solicitação.
Meus desenvolvedores vão conseguir usar isso sem muita troca de mensagens?
Sim — esse é o objetivo. Você vai receber uma exportação de tokens (variáveis CSS, configuração Tailwind ou JSON) que mapeia diretamente o que está no Figma, sem precisar adivinhar códigos hex ou valores de espaçamento.
Ainda não tenho diretrizes de marca — dá pra fazer mesmo assim?
Sim. Posso definir o conjunto inicial de tokens com você (cores, escala de tipos, espaçamento) como parte do pacote Basic ou Standard. Vai custar um pouco mais de tempo de descoberta, então mencione isso na sua solicitação.
Você pode auditar ou corrigir um sistema de design existente ao invés de criar um novo?
Sim, envie a minha mensagem com o arquivo do Figma — vou avaliar se precisa de uma reconstrução ou uma refatoração de tokens específica, e cotarei de acordo.
O que você precisa de mim para começar?
Cores/logo da marca (se tiver), telas existentes, plataformas alvo (web/iOS/Android) e se precisa de suporte para modo claro/escuro/multimarcas.
