Premium
Trading Dashboard
Dark crypto trading dashboard: net worth, holdings, ETH price chart and a swap panel
HorizonX UI/UXCollection
Figma Templates & UI Kits
Figma templates and UI kits you can copy and make your own, with clean layers, real auto-layout and components instead of flattened screenshots. Every design here ships as an editable Figma source, built for the workflow where the file is the starting point.
- 107 designs
- Made by the HorizonX team
- Read the guide
HorizonX UI/UX
What is inside
This set gathers Figma templates and UI kits that are structured for editing: proper layers, real components, variables and auto-layout that respond when you resize a frame instead of exploding into a mess. They are designed files, not flattened screenshots.
You get the whole system (color and type tokens, reusable components and full pages), so you can restyle a template in minutes and keep the grid intact as you swap in your own content.
Who it is for
Designers who want a faster starting point than a blank canvas, and developers who want a file they can read. If you hand work across the designer–developer boundary, these files make the intent legible to both sides.
They also help anyone exploring a few visual directions quickly, because an editable file makes it cheap to test a different palette or layout.
Figma in the vibe-coding workflow
In a vibe-coded build, the Figma file is often the reference the code is judged against. A clean, componentized source gives the whole team (and the agent) an unambiguous spec to work from, which reduces the guesswork that slows a prompt-driven build.
Keep the tokens and auto-layout intact and the file stays useful after the first screens, instead of becoming a static artifact that drifts from the product.
Formats & stacks
You get editable Figma files with real layers, components, variables and auto-layout. They are built to be customized, so the tokens and structure are what you own rather than a flat image export.
What makes these different from flattened screenshots?
These are editable Figma sources: real layers, components, variables and auto-layout, so you can restyle and resize them without rebuilding the design.
Can I customize the colors and type?
Yes. Because they use variables and tokens, swapping the palette and typography updates the whole system at once instead of requiring a manual pass.
How do Figma templates help a developer?
A clean componentized file reads like a spec, so the implemented code can match the design intent more closely. That is especially useful when an agent is translating the file into UI.
Do they work for more than landing pages?
Yes. The kits include full pages and reusable components, so they scale to app screens and larger flows, not just a single hero.
From the blog
Guides
Guide The Best Figma Templates for SaaS & Landing Pages in 2026 Read the guide Guide Figma Templates vs Coded Components: Which Should You Start From? Read the guide Guide Figma Templates for v0, Lovable and Bolt Read the guide Guide Design Tokens in 2026: A Practical Guide for Designers and AI Workflows Read the guide Guide Vibe-Coded UI Production Readiness: 15-Point Checklist Read the guide Guide Untitled UI Alternatives: Choose by Design-to-Code Workflow Read the guide
Keep exploring
Related collections
Find the next design for your project
Browse every design in the HorizonX catalog, from UI kits and templates to textures, shaders and mockups.