Tomás Francisco

Portugal → The Netherlands

Tomás
Francisco

Design System Engineer

I build the systems product teams build on.

Design systems, accessibility and interface engineering.

Get in touchView experience

Unavailable at the momentCET/CEST · Mon–Fri 09:00–17:00

Portrait of Tomás Francisco, smiling, in a white T-shirt.

What I build

  • Design systems

    Web Components, design tokens and documentation that teams can adopt with confidence.

  • Accessible interfaces

    WCAG 2.2 and WAI-ARIA by design, with accessibility testing automated from the start.

  • Developer tooling

    Open source token sync, release automation and AI-assisted adoption analysis.

How I work

Accessibility
I build it in by design and test early, not at the end.
Releases
Release flow, code review and security scans as team habits.
Observability
Errors and performance tracked with Grafana and Sentry.
Leadership
I build frontend teams, set practices and onboard engineers.
Sharing
Talks and open source, from web components to browser security.

Experience

Shortlist · Ask away if interested in anything else

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

  1. — Now

    Design System Engineer, IFS

    Token-driven foundations, designed and implemented for each platform, Web Components, and AI-assisted workflows built on skills and environments.

    Design tokens · Web Components · Lit · AI skills

  2. —

    Creator, DS Pro

    Open source tooling for design systems, with design tokens synced between Figma and GitHub and released automatically.

    Next.js · GitHub Actions · Figma · Vercel

  3. —

    Lead Frontend Developer, WellSync

    Asynchronous GP visits with privacy by design, a multi-brand component library and a new frontend team.

    React · Next.js · Ory · Vercel

  1. —

    Frontend Accessibility Engineer, Shell

    From senior full stack to lead frontend to accessibility: component library, shift-left testing and engineering practices.

    React · Apollo GraphQL · Kubernetes · Azure

  2. —

    Frontend Software Engineer, Freelance

    React development with Jest tests, a headless CMS in Contentful, and Google Analytics and Tag Manager integration.

    React · Jest · Contentful

  3. —

    Full Stack Developer, Lightbase

    A conversational AI builder and its chat client, JAMstack websites, and deployments automated with GitLab CI and Docker.

    React · GraphQL · Koa · MongoDB · PostgreSQL

  4. —

    JavaScript Developer Consultant, European Patent Office

    A search tool in React and MobX, with server-side rendering and components tested in Storybook.

    React · MobX · Mocha · Enzyme · Storybook

  5. —

    React Native Developer, Freelance

    Technical structure, UI design and API integration for Android and iOS applications.

    React Native

  6. —

    Earlier roles

Education

2012 — 2016

BSc in Computer Science, University of Coimbra

FCTUC, Coimbra, Portugal.

Talks

  1. The state of web components in 2025, at a meetup in Zwolle.

  2. Browser storage security, for coworkers at Lightbase.

  3. Localization and internationalization, for coworkers at iClio.

  4. How to create a website in two days, for high school students at JeKnowledge Academy.

Teams I have worked with

Recommendations

  • “He is a very talented software engineer, always keen to learn new technologies and move out of his comfort zone.”
    Emmanuel BastienPrincipal ArchitectManaged Tomás at Shell
  • “His commitment to accessibility and quality work stood out, earning him praise as a person who genuinely cares about making projects accessible.”
    Maya SellonDigital Accessibility LeaderManaged Tomás at Shell
  • “As a Product Designer, I enjoyed working with Tomas because he has attention to detail, has knowledge about UI, UX, and Interaction Design, and his feedback is always constructive and to the point.”
    Harumi UedaProduct Designer at ShellSame product team

Open Source

DS Pro

Your design system engine: open source tooling that syncs, stores and publishes design tokens from Figma to your code repositories.

Next.js · GitHub Actions · Figma · Vercel

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

Contributions

Terrazzo
Design token parser and tools. 3 merged pull requests, 2024.
KeyHippo
Authentication fix, 2024.
Ant Design
Form types and docs, 2018.
React Boilerplate
Form submission handling, 2017.
github.com/tomasfrancisco →

Get in touch

email
location
The Netherlands · CET/CEST

  • Portuguese

    Mother tongue

  • English

    Fluent

  • Dutch

    B1, improving