Chalii wa UX/UI

I design bold, intuitive interfaces that feel alive, blending clean visuals, and real-world usability.

[Chalii wa UX/UI @makindajack]

I’ve been working on this for a while, and I’m excited to finally share it 🎉

I just published JSON Exporter/Importer, a @figma plugin that makes it much easier to move design tokens and styles between design and code.

https://t.co/itnFe975ZC

[Cursor Tanzania @CursorTanzania]

Building With @cursor_ai @cursorcommunity

[Chalii wa UX/UI @makindajack]

Do you remember when you joined X? I do! #MyXAnniversary

[Chalii wa UX/UI @makindajack]

@99Zaburi @greyfinance Man, bora we unachenchi mi nipepokea 10k @KeEquityBank wakanikata 23k wananidai 13k kwasababu nimepokea 10k this is mad.

[Chalii wa UX/UI @makindajack]

WHY TAILWIND CSS?

The color scales follow Tailwind CSS conventions, making design-to-development handoff seamless. Your devs will thank you.

#DesignSystems #UIDesign #ProductDesign #Design #ColorTheory #TailwindCSS

[Chalii wa UX/UI @makindajack]

Excited to announce the launch of Palette for Figma!

I've always believed that great design starts with a great color system — but building one from scratch in Figma takes way too long.

I'd love for you to try it out and share your feedback!

https://t.co/6KWatZhIKI

#Figma

[Chalii wa UX/UI @makindajack]

THE SOLUTION
Palette automates everything:
- Primary & Secondary colors (custom hex)
- 11-shade color scales
- 22+ Tailwind presets + 6 Gray variants
- Figma Variables with semantic tokens
- Light/Dark theme support
- Read & Refine existing variables
- Unlimited generations

[Chalii wa UX/UI @makindajack]

So I built Palette - a Figma plugin that generates complete color design systems from a single hex input.

THE PROBLEM
Creating professional color scales is time-consuming:
• Calculate 11+ shades per color
• Set up light and dark modes
• Create semantic tokens for UI states

[Chalii wa UX/UI @makindajack]

Design 🧠 loves this: @Vercel Ship 26 has a customizable suitcase for the event. Clean idea, nice touch for branding and memories. https://t.co/IKpJh7oLmq

[Lowrey @Nwayitel0]

She ain’t tryna hear nothing about him 😅

[Chalii wa UX/UI @makindajack]

🆕 Version 1.0.1 is here!

What's new:
✅ Improved performance with lazy-loaded modals
✅ Variable metadata support
✅ WCAG 2.1 accessibility compliance
✅ Simplified pricing - 5 free operations to try

Plus: New FAQ, Privacy Policy & Terms pages

#Figma #DesignTokens #Update

[Chalii wa UX/UI @makindajack]

I’ve been working on this for a while, and I’m excited to finally share it 🎉

I just published JSON Exporter/Importer, a @figma plugin that makes it much easier to move design tokens and styles between design and code.

https://t.co/itnFe975ZC

[Chalii wa UX/UI @makindajack]

With this plugin you can:

Export design variables to JSON formats like DTCG, Tokens Studio, and Style Dictionary

Export to CSS, SCSS, LESS, Tailwind

Export to Swift, Android XML, Dart, and TypeScript

Import from JSON with conflict resolution, undo, and export history

[Satya @heysatya_]

Designer V/s Developer

[Chalii wa UX/UI @makindajack]

@eliah_mkumbo @GithubProjects Tulia man

[Chalii wa UX/UI @makindajack]

@99Zaburi Oya si kidogo

[Chalii wa UX/UI @makindajack]

@OpenAI Does @diabrowser see this 😏

[Chalii wa UX/UI @makindajack]

🎥
Timelapse of my Figma Draw sketch...

[Chalii wa UX/UI @makindajack]

Sketched the President of Tanzania using Figma Draw as part of an educational art project.

Honoring leadership through design and digital creativity 🇹🇿

#Tanzania #FigmaDesign #DigitalSketch #CreativeLearning #LeadershipArt

[Chalii wa UX/UI @makindajack]

@AmaniSimon1 Dadeki, free world 😆