❋ Design Concept 5 ❋

User Journey / Flow Kit for Figma, trying out dark options. With Figma variables modes became easier to maintain. Still not sure, stick with light or do both? ☀️

#uidesign #buildinpublic

❋ Design Concept 4 ❋

Share Article UI light and dark, designed in Figma.

#uidesign #buildinpublic #designsystems

User Journey / Flow Kit for Figma... still not set on the name and total number of screens but trying out some concepts.

#buildinpublic #uidesign

❋ Design Concept 3 ❋

Share Article UI - for logged in and logged out users. This pattern has been live on a project for some time now and proved very useful. Designed in Figma.

#buildinpublic #uidesign

Quick audio player design exploration, light and dark versions. Done in Figma as always.

#buildinpublic #uidesign

Just noticed that Twitter implemented Highlights tab. Nice way for all designers to feature their best work, especially after the latest Dribbble migration.

#buildinpublic #uidesign

Customizing design system component illustrations (skeletons) by adjusting accent color. Easily adjust per project.

Done in Figma as always. 🪄

#uidesign #designsystem #buildinpublic

Bringing some Figma illustrations to life over the weekend. This one is for the typography feature on a design documentation page.

Animation time: 20mins
#buildinpublic #uidesign

Styleguides for design systems in Figma are some of my favorite things to work on.

Even if it isn't public it helps a lot with onboarding new designers, maintaining the project and getting a high level overview of components.

#buildinpublic #uidesign

Bringing Figma illustrations to life is so satisfying, and takes the feeling of polish of a digital product to a new level. Totally worth the time investment.

Animation time: 25mins
#buildinpublic #uidesign @handoffhq