The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Here's every tool I used to build a full AI interface from scratch in Figma.
No fluff. Just the actual stack I used on a recent AI platform project from the very first blank frame to the final handoff file.
Figma for everything visual. Components, auto layout, variables, prototypes. If you're not using variables for dark and light mode yet, start today.
FigJam for early thinking. User flows, feature mapping, client alignment. Getting the logic right before designing a single screen saves hours later.
Mobbin for reference. Real product patterns from real AI products. Better than searching Dribbble when you need interfaces that actually work.
Fontjoy for typography pairing. AI interfaces need clean, modern type. This tool makes finding the right combination fast.
Coolors for color system building. I lock the primary brand color and build the full palette around it including semantic colors for states and feedback.
Phosphor Icons for the icon set. Consistent weight, clean strokes, and they work perfectly at small sizes inside dense AI dashboards.
Notion for documentation. Every design decision, component note, and client feedback lives here so nothing gets lost between calls.
The tools are not the skill. But the right tools make the skill faster and cleaner.
What's one tool in your design stack you can't work without?
#figma #uiux #aidesign #productdesign #uxdesign #designtools #saasdesign #uidesigner #designprocess #figmatips
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Digital Product Designer | UI/UX, Web & Mobile Experiences
I’m a digital product designer focused on creating clean, intuitive, and engaging experiences for web and mobile products. I work across UX flows, wireframes, UI design, responsive layouts, prototypes, and design systems.
I enjoy turning complex ideas into simple, user-friendly digital experiences that are visually consistent and practical to build.
I work with Figma and other modern design tools to help startups, businesses, and creators turn ideas into polished digital products.
Experimenting with avatar animation using Figma + Motion ✨
Honestly, I never thought Figma Motion could generate motion this smooth, it’s starting to feel surprisingly close to what I’d normally achieve in After Effects.
Figma Motion is definitely making motion exploration much more accessible for product designers. 👀
This is getting surprisingly close to AE for quick motion exploration. Curious how well it holds up once the animations get more complex.
