pro
Jan Mráz
Become 1% better in UX/UI and web design every day! 💜
- $10k+
- Earned
- 1x
- Hired
- 5.00
- Rating
- 654
- Followers
3 Figma Make hacks you wish you knew sooner! 🔥
👉 Keep these in mind when working on your project for Config Makeathon. 7 days left to submit your prototype!
8
40
4.6K
How to design Figma prototypes with Claude Opus
👉 Can't wait to see your work in Config Makeathon!
9
116
11.4K
Amazing sites for UX/UI designer, part 10 🔥
1. Shaders is an ultimate source of animated shader gradients with own editing tool
2. LS Graphics is a premium collection of top-tier device mockups
3. Pikaicons for rounded consistent icons pack in 5 different styles
8
31
1.8K
How to make a light beam effect in Framer ⚡️
1. Go to @framer
2. Prepare your web section layout
3. Go to Framer University
4. And find this component
5. Just hit copy and paste to your Framer canvas
6. Here you can easily style to fit your web styleAnd even adjust the beam properties
👉 Use code JAN to get free month of Framer Pro!
17
56
2.4K
Stop hiding your website from AI search! ❌
1. Instead, go to @framer AEO analyzer
2. Here, you just paste your web URL
3. Framer analysis visibility across AI engines and provide a clear score
4. The key is actionable recommendations
5. So you can iterate and finally be seen for AI!
10
47
1.7K
Steal these free Framer components! 💙
1. 3D Image Split Scroll Animation is an excellent choice for immersive scroll-driven experience!
👉 Available in Framer University
2. Kinetic Grid Component is a perfect technique to make your hero section stand out!
👉 Available in Framer University
3. Logo Preloader is a minimalist, elegant component to capture attention from the first moment a visitor lands on your website.
👉 Available in Framer Components Library
🔥Use code JAN to get free month of Framer PRO!
9
35
1.2K
Make your website look instantly premium with a Stripe-Style gradient in Framer 💙
👉 Use code JAN for free Framer PRO for one month
11
40
1.4K
Designing animated shader logo in Framer
Use code JAN for free Framer Pro for one month! 🔥
6
35
1.2K
Designing an interactive Before / After slider in Framer 💙
Use code JAN for free Framer Pro for one month! 🔥
9
40
1.6K
How to get instant feedback on your Figma designs 🙌
1. Run the Visual Usability Checker plugin
2. Choose from 3 methods to answer key questions.
3. Will users notice the right elements? Visual hierarchy gives instant heatmaps of attention.
4. Is my design too complex? Use cognitive load analysis to understand mental effort.
5. When choosing between variants, use iterative testing to validate UI elements like CTA buttons.
6. All backed by actionable AI recommendations.
👉 Use the promo code ATHEROS for the 20% discount for PRO during the first 6 months.
2
27
584
Must-known Chrome extensions for UX/UI designers
2
20
528
How to design an app with an interactive map using Figma Make
You can duplicate the prototype here: https://psxid.figma.com/jan_mraz
/FigmaPartner/
4
23
574
How to design customizable shader gradients in Framer 💙
6
35
1.2K
E-learning mobile app screen timelapse from wireframe to final screen design
👉 Duplicate the Figma file for free here: https://learning.atheros.ai/figma-components/e-learning-app-home-screen
10
44
707
3 Must-know Figma Plugins, part 14
4
30
551
How to built hero sections with glow gradients using Framer 💙
10
56
1.3K
3 Framer plugins to design 10x faster, part 2 💙
1. TypeScale generates the typography system for your website with ease!
2. Back to Top is a library of buttons that appears when users scroll down and smoothly takes them back to the top of the page
3. Iconstack gives you 50,000+ free SVG icons from top libraries like Material, Tabler, Lucide, Phosphor, Bootstrap, and more.
Use code JAN for free Framer PRO for one month! 🔥 /FramerPartner/
1
18
427
3 Figma hacks to design 10x faster, part 11 🚀
3
36
1.3K
Stop prototyping manually in Figma! Instead, try this! 👇🏼
4
30
487
Every UX/UI designer should know these sites, part 4
1
25
430
One Figma plugin for fantastic patterns and effects
4
23
437
3 Figma AI tips and tricks, part 2
10
41
467
Don’t build your Figma design system from scratch!
34
471
3 Figma AI tips and tricks part 1
4
40
508
You must know these free Framer plugins! 🔥
3
45
524
Name a more powerful combination!
4
37
463
How to design glow box effect in Figma 💜🔥
2
40
424
How to animate visuals in Framer
6
36
435
I animated this app UI in a single minute using Jitter AI. Here’s how!
8
32
399
How to animate using 3D transforms in Framer
6
30
440
A good-looking website isn’t enough. Let’s build a site that converts using Framer ⚡️
4
38
463
How to design top-tier 3D visuals for an app UI
1. Go to Freepik.com
2. And choose Image generation
3. I'm going to build a 3D illustration for this mobile app.
:. Then prompt the idea - I go with a metallic card with a reference logo.
5. In seconds, you get a professional illustration.
6. When satisfied, save it as a style and prompt other variants.
7. And you can even animate them with the Video Generator for smooth interactions.
1
31
444
Never design a website from scratch again! ❌
2
26
393
Decided to join the Webflow x Contra Challenge!
Cuid is an ambitious startup with a powerful mission — to prevent crime before it happens.
Here’s the final output, showcasing both our software and hardware products. Looking forward to hearing your thoughts! 💜
🔗 https://www.cuid.tech/
3
29
530
You must know these free Figma community files!
1. PROto cursor tracking - for fantastic mouse one interaction template
2. DesignCode UI for an extensive Glass UI style design system with tens of premade templates and components
3. Dark Mesh Holographic Gradients for sleek and minimal backgrounds
4. Empty State Illustration for free, editable SVG visuals for your no-data app screens
14
53
473
3 Figma hacks to design 10x faster, part 5 🚀
18
391
Convert any image into editable 3D!
2
3
346
I'm creating an app from the gym floor!
6
30
409
Your next Figma design system 10x faster? Here you go!
3
33
951
Jitter is like Figma, but for motion design! Do you agree?
18
106
902
How to design unique mockup scenes in Figma
5
32
375
One Figma shortcut you need to show dynamic UI measures!
2
331
Ultimate guide for designing a card with progressive blur in Figma 🚀
3
33
370
UI screen timelapse from wireframe to high-fidelity crypto wallet app 🔥
How do you like the final results?
17
325
Wix Studio & Spline is a powerful combination!
11
39
415
You need one Figma plugin to create a glass 3D from any shape!
7
17
269
You need only one click to go from design to live website!
5
30
412
Stop managing Figma color styles manually — This plugin does it all for you!
11
87
711
The beauty of clean design isn’t magic — it’s math. Here’s how 4pt spacing brings structure to the chaos.
5
42
441
Contra community — here is a quick reminder to keep posting here! 😍
Let's connect! 💯
2
28
435
Did you know there's a plugin that turns any screenshot into a Figma Auto Layout UI?! 🙌
25
153
1.6K
GRIT Fitness App Home Screen Design
17
918
(freebie inside 🎁) How to design iOS app navigation in Figma
26
825
From Figma prototype to responsive website with Wix Studio
34
708
Designing fully responsive web card using Figma auto layout
8
270
10 AI workflows I really use in Figma
3
328
Atheros Learning Platform - UX & UI Design
8
516
Quantum VPN App UX/UI Breakdown
6
350
Designing a Perfect Login Form
7
333
Ultimate list of 80 UX/UI design resources
8
413
Design better hero sections
5
74