Marcio Toledo ou apenas Toledo
Figma para Código em Mongaguá
Conversão de Figma para código (Figma to Code), do arquivo de design aos componentes do projeto. Aproveito os estilos, as variantes e as regras do layout para construir uma interface que o time consegue manter. A implementação segue a tecnologia usada no site ou produto, com os estados e comportamentos alinhados antes de escrever o código.
Vou à Santos com certa frequência e tenho parceiro com escritório na região, a aproximadamente 35 km de Mongaguá, e atendo alguns clientes na região. Fazemos reunião presencial quando há necessidade, e remoto no resto do tempo. Na prática isso significa que você fala direto comigo do orçamento à entrega: não tem camada de atendimento, não tem projeto terceirizado, não tem telefone sem fio entre quem desenha e quem programa.
Em Mongaguá, além de Figma para código, também trabalho como Figma para HTML, desenvolvimento a partir do design, implementação de layouts, desenvolvimento de interfaces, desenvolvimento pixel perfect, designer de sites e webdesigner.
Recent Works
-
From Me To You
Design e Desenvolvimento de Tema Exclusivo, Configuração e Setup da Loja // Figma + Shopify
-
Fabíola Carvalho
Desenvolvimento e Melhorias de Design e Experiência da Landing Page de Palestras, para a SpeakerPro // Astro + Tailwind + AlpineJS + GSAP + Lenis + Cloudflare Workers
Projeto desenvolvido para a SpeakerPro
-
Beto Pandiani Palestras
Desenvolvimento e Melhorias de Design e Experiência da Landing Page de Palestras, para a SpeakerPro // Astro + Tailwind + AlpineJS + GSAP + Lenis + Cloudflare Workers
Projeto desenvolvido para a SpeakerPro
-
Simple WhatsApp Button
App publicado na Shopify App Store - Desenvolvimento de Produto, Theme App Extension e UI Bilíngue // React Router + Polaris + App Bridge + Liquid + Cloudflare
-
Missão China Health
Desenvolvimento de Landing Page do Documentário // Astro + Tailwind + AlpineJS + GSAP + Lenis + Cloudflare Workers
Projeto desenvolvido para a SpeakerPro
-
Toin.app: Incredible Tools
Produto Próprio - Coletânea de Ferramentas Online em 5 Idiomas // Astro + Tailwind + TypeScript + Cloudflare Workers
-
Gescob
Design e Desenvolvimento de Landing Pages // Astro + Tailwind + AlpineJS + Lenis + Cloudflare Workers
-
AS Locação
Design, Desenvolvimento e SEO Local - Páginas Programáticas para a Baixada Santista // Astro + Tailwind + AlpineJS + Lenis
-
UseBip
Suporte Shopify, Correção de Bugs, Estrutura de Produto, Design, Landing Pages e CRO // Shopify
Projeto originalmente desenvolvido pelo Jands Venâncio
-
Camila Lycurgo
Design de Logo, Design e Desenvolvimento de Landing Page, Setup de Produto // Astro + Tailwind + AlpineJS + GSAP + Eduzz + TheMembers
Trusted By
Recent Posts
-
11/11/2026
Sua empresa no ChatGPT: como entrar no Business Hub em 2 passos
A OpenAI abriu o Business Hub, onde a empresa reivindica o próprio perfil no ChatGPT. Loja online já consegue seguir o cadastro; negócio com endereço físico entra na lista de espera. Leva um minuto, e vale fazer agora.
-
05/11/2026
Número para WhatsApp Business: comparativo de preços e Fluke só R$ 9
Comparei preço e funcionalidades de 7 empresas que vendem número para WhatsApp Business (Fluke, BRCel, Numio, Numera, Salvy, Vono e Nvoip). A Fluke sai por R$ 9/mês na linha de WhatsApp, com chip ou eSIM, painel moderno, agentes de voz e MCP.
-
04/11/2026
Shopify Fall '26 Edition: o que muda para quem vende e desenvolve
As novidades da Shopify Editions Fall '26 lidas por quem trabalha com Shopify desde 2016: compra por agentes de IA, Sidekick, Canvas, a nova arquitetura de temas e o que de fato chega para lojas no Brasil.
Tools & Labs
-
Toin - Incredible Tools
Coleção de calculadoras e conversores online gratuitos, em português, inglês, espanhol, alemão e francês. Calculadora de idade, dias entre datas, contagem regressiva e conversores de comprimento, peso, temperatura, área e volume.
-
Google Ads: Funil de Métricas
Ferramenta interativa para análise de métricas e conversões de campanhas do Google Ads. Calcule CPC, CPL, CPA, ROAS e analise o desempenho do seu funil de vendas.
-
Mandala da Vida
Ferramenta interativa desenvolvida para o cliente Caio Hernandez, permitindo aos usuários avaliar e visualizar o equilíbrio em diferentes áreas de suas vidas por meio de uma mandala dinâmica.
-
Domains Toledo
Sistema de landing pages para domínios estacionados, com formulário de proposta e painel de gestão. React + Tailwind + Cloudflare D1 + Resend.
Cidades
Atendo remotamente, então minha cidade não precisa ser a sua. Veja figma para código em outras cidades que atendo:
Baixada Santista
Sul de Minas
- Figma para Código em Pouso Alegre
- Figma para Código em Congonhal
- Figma para Código em Espírito Santo do Dourado
- Figma para Código em Santa Rita do Sapucaí
- Figma para Código em Borda da Mata
- Figma para Código em Cachoeira de Minas
- Figma para Código em Estiva
- Figma para Código em São Sebastião da Bela Vista
- Figma para Código em Silvianópolis
- Figma para Código em Senador José Bento
- Figma para Código em Conceição dos Ouros
- Figma para Código em Careaçu
- Figma para Código em Ipuiúna
- Figma para Código em Tocos do Moji
Se eu te ajudei de alguma forma e você quiser retribuir, pode me pagar um café ☕ ou ainda usar um dos meus links de indicação para abrir conta em serviços como Asaas, Bunny, Clara, assinar conteúdos gratuitos ou usar serviços recomendados.
Você pode me encontrar no: Github, Behance, LinkedIn, YouTube, Instagram, X ou por email hello@marciotoledo.com!
© 2002 - 2026 | Marcio Toledo. Todos os direitos reservados. For LLMs