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
Building AI products? Your UI should make complex data instantly understandable.
This AI Model Metrics Dashboard component showcases a high-fidelity monitoring interface built with Next.js, React, and CSS. Inspired by a clean Linear-style design, it presents critical KPIs like latency, throughput, error rate, and tokens in a clear, glanceable layout with smooth micro-interactions and dynamic status indicators.
Perfect for AI platforms, SaaS dashboards, and developer tools that require real-time performance monitoring and polished UX.
—————————
I specialize in UI development, landing pages, dashboards & pixel-perfect frontend.
If you need a frontend developer partner to bring your next project to life → Then let’s hop on a call 🎧.
#buildinpublic #websites #landingpages #producthunt
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
Related posts
😡😡 Figma Make CANNOT create a beautiful serious game!
I'm here to prove the opposite!
Hi guys, I'm Howard Le, a Game UXUI Designer. This is my 1st time using Figma Make, but I'm starting to love it immediately!
All of the UI design assets were made by me!
- Concept background art
- HUD, Cards, Diegetic UI, Spatial UI, Meta UI, Non-Meta UI.
- VFX, Animation
- And ofc, I've asked Figma Make to turn it into the real things by my stupid, dumb prompt.
I hope this game could help Figma Make pay more attention about Gaming UI Industry!
You can try my game (Desktop version) at: https://box-deer-99558619.figma.site/
Figma make uses opus and sonnet and gemini. They can all handle game logic using the canvas element. However the art can't be done through them because figma make doesn't allow it. If draw it yourself then all good.
As a kid, I loved coloring inside drawings.
Not creating them — just bringing them to life.
So I built Parallel.
Two strangers enter the same canvas.
One can only draw.
One can only paint.
They move side by side.
Different roles.
One artwork.
You can’t complete it alone.
—
Built with:
• Real-time multiplayer support
• Live chat between strangers
• Role-restricted drawing system
• Replay & timelapse export
• Shareable view-only canvases
• Fully responsive vintage Mac-style design
I built an agentic AI workflow builder inside @Figma Make and used it to create this entire page workflow. This just shows how powerful Figma Make is.
The builder is a visual drag-and-drop canvas that links AI agents, tools, and data into automated workflows. Each node runs an agent or action and passes its output to the next. You can add conditions, loops, retries, and error handling, and even pan the canvas.
My favorite details: when you add an action node, there’s a subtle ripple under it, and you can also move nodes with your keyboard.
With Make, you can turn any design page into a working, clickable prototype—perfect for collaboration!
Try it for yourself! : https://ankle-vapor-65408393.figma.site/
Agentic Workflows 🔥
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?