Tomás Francisco

Portugal → Nederland

Tomás
Francisco

Design System Engineer

Ik bouw de systemen waarop productteams verder bouwen.

Design systems, toegankelijkheid en interface engineering.

ContactErvaring

Momenteel niet beschikbaarCET/CEST · Ma–Vr 09:00–17:00

Portret van Tomás Francisco, lachend, in een wit T-shirt.

Wat ik bouw

  • Design systems

    Web Components, design tokens en documentatie die teams met vertrouwen kunnen gebruiken.

  • Toegankelijke interfaces

    WCAG 2.2 en WAI-ARIA vanaf het ontwerp, met geautomatiseerde toegankelijkheidstests vanaf het begin.

  • Developer tooling

    Open source token-synchronisatie, release-automatisering en adoptieanalyse met behulp van AI.

Hoe ik werk

Toegankelijkheid
Ik neem het mee vanaf het ontwerp en test vroeg, niet pas aan het eind.
Releases
Release flow, code review en security scans als vaste teamgewoonten.
Observability
Fouten en prestaties gemeten met Grafana en Sentry.
Leiderschap
Ik bouw frontendteams, stel werkwijzen op en werk engineers in.
Kennis delen
Presentaties en open source, van web components tot browserbeveiliging.

Ervaring

Selectie · Vraag gerust als je iets anders zoekt

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

  1. — Nu

    Design System Engineer, IFS

    Fundamenten op basis van design tokens, ontworpen en gebouwd voor elk platform, Web Components en AI-ondersteunde workflows met AI-skills en -omgevingen.

    Design tokens · Web Components · Lit · AI skills

  2. —

    Creator, DS Pro

    Open source tooling voor design systems, met design tokens die tussen Figma en GitHub synchroniseren en automatisch worden uitgebracht.

    Next.js · GitHub Actions · Figma · Vercel

  3. —

    Lead Frontend Developer, WellSync

    Asynchrone huisartsconsulten met privacy by design, een multi-brand componentenbibliotheek en een nieuw frontendteam.

    React · Next.js · Ory · Vercel

  1. —

    Frontend Accessibility Engineer, Shell

    Van senior full stack via lead frontend naar toegankelijkheid: componentenbibliotheek, shift-left testen en engineeringpraktijken.

    React · Apollo GraphQL · Kubernetes · Azure

  2. —

    Frontend Software Engineer, Freelance

    React-ontwikkeling met Jest-tests, een headless CMS in Contentful en integratie van Google Analytics en Tag Manager.

    React · Jest · Contentful

  3. —

    Full Stack Developer, Lightbase

    Een conversational AI-builder met chatclient, JAMstack-websites en geautomatiseerde deployments met GitLab CI en Docker.

    React · GraphQL · Koa · MongoDB · PostgreSQL

  4. —

    JavaScript Developer Consultant, European Patent Office

    Een zoektool in React en MobX, met server-side rendering en componenten getest in Storybook.

    React · MobX · Mocha · Enzyme · Storybook

  5. —

    React Native Developer, Freelance

    Technische opzet, UI-ontwerp en API-integratie voor Android- en iOS-apps.

    React Native

  6. —

    Eerdere functies

Opleiding

2012 — 2016

BSc Informatica, Universiteit van Coimbra

FCTUC, Coimbra, Portugal.

Presentaties

  1. The state of web components in 2025, op een meetup in Zwolle.

  2. Beveiliging van browseropslag, voor collega's bij Lightbase.

  3. Lokalisatie en internationalisatie, voor collega's bij iClio.

  4. Een website maken in twee dagen, voor middelbare scholieren bij JeKnowledge Academy.

Teams waarmee ik heb gewerkt

Aanbevelingen

Vertaald uit het Engels, van LinkedIn

  • “Hij is een zeer getalenteerde software engineer, altijd gretig om nieuwe technologieën te leren en buiten zijn comfortzone te treden.”
    Emmanuel BastienPrincipal ArchitectManager van Tomás bij Shell
  • “Zijn inzet voor toegankelijkheid en kwaliteit viel op en leverde hem lof op als iemand die er echt om geeft projecten toegankelijk te maken.”
    Maya SellonDigital Accessibility LeaderManager van Tomás bij Shell
  • “Als Product Designer werkte ik graag met Tomás, omdat hij oog heeft voor detail, verstand heeft van UI, UX en interaction design, en zijn feedback altijd opbouwend en to the point is.”
    Harumi UedaProduct Designer bij ShellZelfde productteam

Open Source

DS Pro

Your Design System Engine: open source tooling die design tokens vanuit Figma synchroniseert, opslaat en publiceert naar je code repositories.

Next.js · GitHub Actions · Figma · Vercel

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

Bijdragen

Terrazzo
Parser en tools voor design tokens. 3 gemergede pull requests, 2024.
KeyHippo
Authenticatiefix, 2024.
Ant Design
Formuliertypes en documentatie, 2018.
React Boilerplate
Afhandeling van formulieren, 2017.
github.com/tomasfrancisco →

Neem contact op

e-mail
locatie
Nederland · CET/CEST

  • Portugees

    Moedertaal

  • Engels

    Vloeiend

  • Nederlands

    B1, in ontwikkeling