top of page
gradient overlay II.png

UI/UX Product
Designer

HEY IT'S

Ali Mnyatheli

  • LinkedIn
email icon_edited_edited.png
work
work
Vector 2_blue squigglesolid.png

learnability as a journey to mastery

nu_subscriptions & bills_subs-1.png
nu_subscriptions & bills_subs.png

Financial management app

Main problem areas:

inefficient money management. 

lack of financial literacy

solution

  • a comprehensive interface for a holistic view and managing of finances

  • the Monthly Limit Setting & improvement on the UI meant reordering information systematically so the user has a better grasp of 'what goes into what', making users better informed and able to make smarter financial choices- learnability as a journey to mastery.

winner plugins

...that are pretty good at the moment. I’ve shared the link to each one below. enjoy.

iconography

iconify.png

another good icons library that you can find on figma.

noun project icon.png

okay, this is not a plugin but it’s worth talking about. it offers a variety of themed icons with different styles that you can easily drag and drop into any application.

font2icon logo.png

I really dig this one. it exports your icons in TTF / EOT / WOFF / SVG / CSS / SASS / TSX, all nicely packed in a zip file,

good to go. 

dev-designer collaboration

storybook logo.jpg

great if you’re a designer working with devs- to ensure consistency throughout development and any sudden UI changes. and it’s friends with React, Angular, and HTML 5

svg to js icon.png

in the spirit of efficiency, this plugin lets you transform batches of SVG files into JSX components.

component inspector.png

this plugin gives the code of your component properties. another small way to improve the efficiency of you and the dev team.

dev-designer collaboration

axe dev tool.png

[axe dev tools]

while this may not be a plugin, it's worth talking about. this extension it comes in handy when expecting webpages- a way to ensure your product aligns with accessibility policy.

svg to js icon.png

to get even more organized, this plugin helps transform multiple components in a frame-specific order. 

the creator has also added a feature for formatting code using Prettier.

bottom of page