Adrià Julià Lundgren

Design Engineer · UI Systems · Figma · Frontend implementation

About

I work at the boundary between design and engineering. I design in Figma with implementation in mind, and I code with the sensibility of someone who comes from graphic design. My territory is Design Systems, design tokens, accessibility and high-fidelity UI implementation — from the typography decision to the final component in production.

Background in graphic design (Llotja) and 20+ years developing digital products. Intensive practice in AI-Assisted Development: prompt engineering applied to sustainable refactoring, token generation, documentation and systematic review.

What I Do

End-to-end Design Systems: from tokens and primitives in Figma to their implementation as Web Components or React components.

UI Engineering: faithful translation of mockups to code without losing nuance (micro-interactions, typography, vertical rhythm, transitions).

Bridge between disciplines: I translate design vocabulary into engineering language and vice versa. Useful in teams where designers and developers work separately.

AI-Assisted workflows: I accelerate production and maintain coherence through prompt engineering, without losing human judgement.

Stack

Design: Figma · Variables · Components · Auto-layout · Design Tokens · Prototyping Frontend: React 19 · TypeScript · Web Components / LitElement · Vite Styles: SCSS/SASS · Tailwind · Modern CSS (custom properties, container queries) · BEM Motion: CSS transitions · declarative animations · page transitions Accessibility: WCAG 2.1 · keyboard navigation · contrast · screen reader testing AI: Claude · Cursor · prompt engineering applied to refactoring and token generation

Highlighted Experience

Zara Web Challenge — Napptilus / Inditex (2026)

SPA focused on visual detail: dark mode, coherent skeleton loaders, animated page transitions, multilingual (ES/CA/EN). Design and development of the complete visual system.

→ Demo

React 19 Styled Components Design tokens Animation

Frontend Developer — Minsait / Fundación BBVA

Web Components and LitElement for the OpenWeb ecosystem. Working within the BBVA corporate Design System (Cells), respecting existing design tokens, primitives and patterns.

Web Components LitElement Design Systems BBVA Cells

Senior Frontend — Newshore / Vueling Airlines

SCSS for a large-scale Design System in a SCRUM environment. Reusable components consistent with the brand's visual identity.

SCSS Design Systems Angular

Senior Developer — BeeData Analytics

Data visualisation components (D3.js + Web Components) focused on readability, accessibility and visual consistency.

D3.js Web Components Data viz

UI Designer — Infojobs

Redesign of the candidate portal UI. Modular HTML/CSS structures for the full application lifecycle.

UI/UX Designer — adamo.es

UI design and development with SCSS/Less. Integration of complex registration flows.

Other Relevant Projects

ByteBerry Studio: Multilingual block-based system for ccib.es. Premium UI/UX for bandalux.com.

Education

Postgraduate in Multimedia Programming · Universitat Pompeu Fabra (UPF) Degree in Graphic Design · EAAOA Llotja, Barcelona — strong foundation in typography, colour and composition.

Recent continuous learning: Advanced React/Redux Architecture · Agile/SCRUM · High-Performance System Design

Languages

Catalan and Spanish: native · English: Professional Working Proficiency

Design that understands code. Code that respects design.