Tomás Francisco

Portugal → Países Baixos

Tomás
Francisco

Design System Engineer

Construo os sistemas em que as equipas de produto se apoiam.

Design systems, acessibilidade e engenharia de interfaces.

ContactoExperiência

Indisponível de momentoCET/CEST · Seg–Sex 09:00–17:00

Retrato de Tomás Francisco, a sorrir, de t-shirt branca.

O que construo

  • Design systems

    Web Components, design tokens e documentação que as equipas podem adotar com confiança.

  • Interfaces acessíveis

    WCAG 2.2 e WAI-ARIA desde o desenho, com testes de acessibilidade automatizados desde o início.

  • Ferramentas para developers

    Sincronização de tokens em open source, automatização de releases e análise de adoção com IA.

Como trabalho

Acessibilidade
Integro-a desde o desenho e testo cedo, não apenas no fim.
Releases
Fluxo de releases, code review e análises de segurança como hábitos de equipa.
Observabilidade
Erros e desempenho acompanhados com Grafana e Sentry.
Liderança
Construo equipas de frontend, defino práticas e integro engenheiros.
Partilha
Palestras e open source, de web components à segurança no browser.

Experiência

Seleção · Pergunta se procuras outra coisa

  • React
  • Next.js
  • TypeScript
  • Web Components
  • Lit
  • Storybook
  • Figma
  • Tailwind CSS
  • Node.js
  • GraphQL
  • PostgreSQL
  • MongoDB
  • Docker
  • Kubernetes
  • GitHub Actions
  • Vercel

  1. — Presente

    Design System Engineer, IFS

    Fundações baseadas em design tokens, desenhadas e implementadas para cada plataforma, Web Components e fluxos de trabalho assistidos por IA, com skills e ambientes de IA.

    Design tokens · Web Components · Lit · AI skills

  2. —

    Criador do DS Pro

    Ferramentas open source para design systems, com design tokens sincronizados entre o Figma e o GitHub e publicados automaticamente.

    Next.js · GitHub Actions · Figma · Vercel

  3. —

    Lead Frontend Developer, WellSync

    Consultas médicas assíncronas com privacidade desde o desenho, uma biblioteca de componentes multimarca e uma nova equipa de frontend.

    React · Next.js · Ory · Vercel

  1. —

    Frontend Accessibility Engineer, Shell

    De senior full stack a lead de frontend e à acessibilidade: biblioteca de componentes, testes shift-left e práticas de engenharia.

    React · Apollo GraphQL · Kubernetes · Azure

  2. —

    Frontend Software Engineer, Freelance

    Desenvolvimento em React com testes em Jest, um CMS headless em Contentful e integração de Google Analytics e Tag Manager.

    React · Jest · Contentful

  3. —

    Full Stack Developer, Lightbase

    Um construtor de IA conversacional e o seu cliente de chat, websites JAMstack e deployments automatizados com GitLab CI e Docker.

    React · GraphQL · Koa · MongoDB · PostgreSQL

  4. —

    JavaScript Developer Consultant, European Patent Office

    Uma ferramenta de pesquisa em React e MobX, com renderização no servidor e componentes testados em Storybook.

    React · MobX · Mocha · Enzyme · Storybook

  5. —

    React Native Developer, Freelance

    Estrutura técnica, desenho de interface e integração de APIs para aplicações Android e iOS.

    React Native

  6. —

    Funções anteriores

Formação

2012 — 2016

Licenciatura em Engenharia Informática, Universidade de Coimbra

FCTUC, Coimbra, Portugal.

Palestras

  1. The state of web components in 2025, num meetup em Zwolle.

  2. Segurança do armazenamento no browser, para colegas da Lightbase.

  3. Localização e internacionalização, para colegas da iClio.

  4. Como criar um website em dois dias, para alunos do ensino secundário na JeKnowledge Academy.

Equipas com quem trabalhei

Recomendações

Traduzidas do inglês, a partir do LinkedIn

  • “É um engenheiro de software muito talentoso, sempre com vontade de aprender novas tecnologias e de sair da sua zona de conforto.”
    Emmanuel BastienPrincipal ArchitectGeriu o Tomás na Shell
  • “O seu empenho na acessibilidade e na qualidade do trabalho destacou-se e valeu-lhe elogios como alguém que se preocupa genuinamente em tornar os projetos acessíveis.”
    Maya SellonDigital Accessibility LeaderGeriu o Tomás na Shell
  • “Como Product Designer, gostei de trabalhar com o Tomás porque tem atenção ao detalhe, conhece UI, UX e Interaction Design, e o seu feedback é sempre construtivo e direto ao assunto.”
    Harumi UedaProduct Designer na ShellMesma equipa de produto

Open Source

DS Pro

Your Design System Engine: ferramentas open source que sincronizam, guardam e publicam design tokens do Figma para os teus repositórios de código.

Next.js · GitHub Actions · Figma · Vercel

getds.pro →
  1. Figma
  2. tokensDS Pro
  3. syncGitHub
  4. releaseGitHub Actions

Contribuições

Terrazzo
Parser e ferramentas de design tokens. 3 pull requests integrados, 2024.
KeyHippo
Correção de autenticação, 2024.
Ant Design
Tipos de formulário e documentação, 2018.
React Boilerplate
Submissão de formulários, 2017.
github.com/tomasfrancisco →

Contacto

e-mail
localização
Países Baixos · CET/CEST

  • Português

    Língua materna

  • Inglês

    Fluente

  • Neerlandês

    B1, a melhorar