Hola, I’m Lucas Di Mattia.
Designer who codes from Córdoba, Argentina.

Detail-obsessed and results-driven designer and front end developer, specialized in user interface design for digital products and design systems setup.

I always strive for original, functional and playful layouts.

I’ve learned to master design tools like Figma, Sketch and the Adobe Creative Suite (Photoshop, Illustrator, After Effects).
I am proficient in HTML, CSS and SCSS, with working knowledge in PHP, GIT, Wordpress, jQuery and React.

As a designer-turned-developer, I consider myself a Design Engineer and I do shine in the intersection of those two disciplines.



Steps to build a Design System (SPA)

We understood why building a Design System, we are in a postion to do it and we got support from the stakeholders. Now... where do we start?

——  Aug 10, 2022

Do we really need a Design System? (SPA)

Although we have seen all the benefits that the development of a Design System can bring us, it is a large investment that must be evaluated in detail.

——  Jul 18, 2022

What's the point of having a Design System? (SPA)

Different definitions and a review of the benefits that a Design System brings to companies and design teams.

——  Sep 16, 2021

Design Systems: Component prioritization (SPA)

Exercise to prioritize elements for our design system, that allowed us to coordinate the next steps and agree on new components.

——  Jun 9, 2020

Redesigning the physical sales channel of Naranja (SPA)

Naranja began a process of digital evolution in 2017. Within this framework, we describe the design process of the new physical branches.

——  Jan 29, 2020

365 days in Naranja (SPA)

A year ago I started working at Naranja as a UI Designer. Here are some of the things I saw and learned along the way.

——  Jan 3, 2019


Muchaaachos...! Murales de los campeones del mundo

Map of street art honoring the winners of the Qatar 2022 FIFA World Cup.

⚡️ NextJS ⚛️ React 🗺 Google Maps 🔌 Notion API
Jersey Design Playground

Design and compare beautiful soccer jerseys patterns, free and in your browser. No downloads required.

⚛️ React 🌈 CSS Gradients 🏁 Pattern Design 🖋 SVG
Map of Unlikely Architectures

Map of hidden, strange, incredible and bizarre places around the world.

⚡️ NextJS ⚛️ React 🗺 Google Maps 🔌 Notion API
100 Patterns

100 pure CSS patterns to play with. All code is open and ready to grab and use in your own project.

⚛️ React 🌈 CSS Gradients 🏁 Pattern Design