Figma

Plataforma de design colaborativo para UI/UX e sistemas de design.

O Figma é a plataforma de design colaborativo líder do setor para design de UI/UX, prototipagem e gestão de sistemas de design. Funcionando inteiramente no browser, o Figma permite colaboração em tempo real, em que vários designers podem trabalhar no mesmo ficheiro simultaneamente, como o Google Docs para design.

O Figma é a nossa principal ferramenta de design na GRADAX. Todos os projetos começam com designs no Figma, wireframes, mockups de alta fidelidade, protótipos interativos e documentação do sistema de design. Os nossos designers e programadores colaboram em tempo real dentro do Figma.

Para que o usamos

Design UI/UX para web e mobile
Prototipagem interativa e testes com utilizadores
Criação e gestão de sistemas de design
Fluxos de apresentação e aprovação de clientes
Entrega ao programador com Dev Mode
Quadros colaborativos com FigJam

O que nos dá

Colaboração em Tempo RealVários membros da equipa trabalham simultaneamente no mesmo ficheiro de design, com cursores e comentários em tempo real.
Sistema de ComponentesComponentes reutilizáveis com variantes, propriedades e layout automático para sistemas de design escaláveis.
Dev ModeOs programadores obtêm CSS exato, espaçamento, cores e excertos de código diretamente dos ficheiros de design.
PrototipagemCrie protótipos interativos com transições, animações e lógica condicional para testes com utilizadores.

Perguntas que nos fazem

Preciso de saber Figma para trabalhar com a GRADAX?

Não. Tratamos de todo o trabalho de design no Figma e partilhamos os designs consigo através de links para revisão e feedback. Pode comentar diretamente nos designs sem precisar de uma conta Figma.

Posso editar os designs Figma depois do projeto?

Sim. Entregamos todos os ficheiros de origem do Figma. Os designs são seus e pode editá-los com o plano gratuito do Figma ou com um plano pago para funcionalidades avançadas.

Como funciona o Figma-to-code?

Os nossos programadores usam o Dev Mode do Figma para extrair especificações exatas, espaçamento, cores, tipografia e estrutura de componentes. Depois implementamos código pixel-perfect com o nosso sistema de componentes Tailwind CSS e React.

Criam sistemas de design no Figma?

Sim. Para projetos maiores, criamos sistemas de design abrangentes com componentes reutilizáveis, design tokens e documentação. Isto garante consistência à medida que o seu produto cresce.

Mais sobre: Estilo e Design

Não sabe como isto se aplica a si?

Um engenheiro sénior percorre o seu site, a sua presença na pesquisa e a forma como os pedidos lhe chegam e depois escreve as três coisas que vale a pena corrigir primeiro. O documento fica consigo de qualquer forma.

Marcar a análise gratuita Pergunte-nos algo