Design System Design - Smart Components 🧙 🪄 ✨

Contact for pricing

About this service

Summary

I'll help you build and/or improve your design system library in Figma. I'm comfortable owning the process from start to finish, talking to stakeholders, designers, devs to ideate, plan, and implement components to scale! I'm fluent in Figma (auto layout, variants, component props, slot components, you name it) and can make sure your components are built in the best way possible to suit your needs. Give your components, designers and devs superpowers by creating the best and leanest components.
Why choose me?
Here's a few quotes about my design systems work 👇
"Adriano masterfully came up with efficient and scalable ways to create and socialize design systems, both for the platform and consumer-facing parts of our products, quickly adopted and used across product development processes"
— Direct manager & CPO
"Adriano maintains a brilliantly organized design library that encompasses all of eko's design work. It's a work of art in and of itself!"
— Product designer
"I told the other developers that my most productive meetings are with you."
— Design system's developer
"You’re a goddamn star Adriano
Thank you for making a playground for me!! 💕 I’m obsessed with the “design file template”
— Consumer products designer
✨ FREEBIE ✨
I care deeply about providing value to my clients. If you're not ready to purchase this service yet, I recently started posting on youtube and I made a tutorial video on how to component properties to create smart and lean components which you can show to your designers below.
Watch on YouTube
When you're ready I'd love to help you improve your design systems!

What's included

  • Super Clean & Smart Components!

    Designers and devs are the users of the design system. Just like a software product, a design system needs to be tailored to its users! Building smart and lean components will save you many hours and make designers and dev's lives easier!

  • Component Props

    I'm always on top of Figma's latest updates and component props are one of the best recent launched features. They allow you to avoid many unnecessary variants.

  • Auto Layout

    Auto layout allows your components to be smart and responsive! It enables the creation of dynamic components reducing the amount of layer hierarchy.

  • Smart Variants

    Variants will be used only when absolutely needed, no more bloated components by overusing variants. In many cases component props and auto-layout, when used well, can reduce the amount of variants by more than 50%!

  • Slot components (When needed)

    Slot components are advanced components that allow more flexibility to certain components that share the same "shell" but that may have different inner content. They need a reserved area(or "slot") for interchangeable content.

Recommendations

(5.0)

Joao Ribeiro • 3cket

Client • Nov 18, 2024

Joao at 3cket hired Adriano and recommends working with them

Ricardo Pereira • 3cket

Client • Nov 18, 2024

Ricardo at 3cket hired Adriano and recommends working with them

Paz Garini • Fifth Element.ai

Client • Sep 23, 2024

Adriano is super professional, responsive and easy to collaborate ideas with. Very happy with the results we got from him!

Chris Frantz • Loops

Client • Sep 22, 2024

Finally found my Framer person :) Adriano is talented at executing ideas at a level of quality. He cares about the quality of the work, which is one of the qualities a designer can have.

Alberto Lambert • Planhat

Client • Jan 25, 2024

Pushed the limits of Framer to deliver the details we needed on an incredibly complex Thought Leadership CMS architecture.

Adriano is fantastic to work with. He's patient, communicative and always willing to get into the nitty-gritty. Whenever there's a tradeoff that needs to be considered or surfaced, he raises it, and his implementation is clean and scalable.


Client • Feb 28, 2024

Adriano is phenomenal. This is now our 5th milestone with him on an incredibly ambitious large B2B SaaS website build in Framer. His attention to detail is second-to-none & his patience is admirable in handling trade-offs and compromises.


Client • Mar 16, 2024

Adriano is a phenomenal Framer expert/designer/architect. He's been working with us for the past 3 months on an extensive B2B SaaS website rebuild (40+ pages, many unique CMS architectures, etc.) and has absolutely smashed it.


Client • Apr 8, 2024

Derek K • Remote Jobs

Client • Jan 9, 2024

This was my first time meeting and working with Adriano. I'm really glad to report that he's incredible to work with in terms of both design and personality. I'm excited to work with him in the future!

Zoë Colivas • Contra

Client • Nov 6, 2023

It was so fun working with Adriano on this project! Can't wait to work together again 🚀

Ry Magno • Contra

Client • Oct 24, 2023

Adriano crushed it again! He continuously goes the extra mile to ensure pixel-perfect, polished web experiences. He willingly takes on challenges and pushes the capabilities of Framer. 🌟

Chandler Green

Client • Jul 31, 2023

Adriano it INCREDIBLE!!!! He surpassed all of expectations. He is such a joy to work with and brought my entire vision to life. He communicates very well and understands the assignment. Everything was custom. He is the best of the best.

Alex Brown

Client • Jul 16, 2023

I highly recommend working with Adriano if you need a Framer developer. He implemented the designs we shared practically 1:1 and then took and implemented feedback extremely well. In addition to being collaborative and helpful, he added touches of motion on his own that really leveled-up the page. The end result is sleek and polished!

Ry Magno • Ry Magno

Client • Jul 16, 2023

Adriano took our designs and executed them flawlessly while adding nice touches of motion/polish. He went above and beyond to help us customize our forms and interactions. Highly recommend him to take your designs to life on Framer!

Laura Klein

Client • Apr 10, 2023

Adriano is a true talent & a true professional. He makes the process so fun and easy, and the result is beyond what we ever envisioned. We are so thrilled that we got to work with Adriano again - he really is the best!

Laura Klein • Klein Kitchen

Client • Mar 7, 2023

We can not recommend Adriano enough. We have now worked on two websites together, and he has made the whole site happen in every way from brand and logo development, to design to functionality. He is a great communicator and is extremely talented. We are so happy with every aspect of our website and are now working with him to develop our next one. He is the absolute best of the best!!


Skills and tools

UX Designer
Visual Designer
Product Designer
Figma
Loom

Work with me