Marcio Toledo ou apenas Toledo
Figma para Código em Francisco Morato
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.
A Toledo Interactive, onde sou sócio, fica em São Paulo na Av. Paulista, a aproximadamente 50 km de Francisco Morato, então é uma região que atendo há anos. Fazemos reunião presencial quando necessário, mas atendo remoto na maior parte dos casos. 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 Francisco Morato, 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:
São Paulo e Grande SP
Baixada Santista
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