pro
Jan Mráz
Become 1% better in UX/UI and web design every day! 💜
- $10k+
- Earned
- 1x
- Hired
- 5.00
- Rating
- 384
- Followers
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!
12
41
1.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.3K
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
898
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.1K
Designing animated shader logo in Framer
Use code JAN for free Framer Pro for one month! 🔥
6
35
913
Designing an interactive Before / After slider in Framer 💙
Use code JAN for free Framer Pro for one month! 🔥
9
40
1.4K
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
901
Must-known Chrome extensions for UX/UI designers
2
20
390
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
441
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
563
3 Must-know Figma Plugins, part 14
4
30
420
How to built hero sections with glow gradients using Framer 💙
10
56
1.2K
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
311
3 Figma hacks to design 10x faster, part 11 🚀
3
36
1.2K
Stop prototyping manually in Figma! Instead, try this! 👇🏼
4
30
371
Every UX/UI designer should know these sites, part 4
1
25
325
One Figma plugin for fantastic patterns and effects
4
23
336
3 Figma AI tips and tricks, part 2
10
41
375
Don’t build your Figma design system from scratch!
34
382
3 Figma AI tips and tricks part 1
4
40
424
You must know these free Framer plugins! 🔥
3
45
442
Name a more powerful combination!
4
37
385
How to design glow box effect in Figma 💜🔥
2
40
348
How to animate visuals in Framer
6
36
364
I animated this app UI in a single minute using Jitter AI. Here’s how!
8
32
325
How to animate using 3D transforms in Framer
6
30
375
A good-looking website isn’t enough. Let’s build a site that converts using Framer ⚡️
4
38
397
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
388
Never design a website from scratch again! ❌
2
26
336
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
478
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
421
3 Figma hacks to design 10x faster, part 5 🚀
18
342
Convert any image into editable 3D!
2
3
295
I'm creating an app from the gym floor!
6
30
360
Your next Figma design system 10x faster? Here you go!
3
33
883
Jitter is like Figma, but for motion design! Do you agree?
18
106
855
How to design unique mockup scenes in Figma
5
32
332
One Figma shortcut you need to show dynamic UI measures!
2
286
Ultimate guide for designing a card with progressive blur in Figma 🚀
3
33
326
UI screen timelapse from wireframe to high-fidelity crypto wallet app 🔥
How do you like the final results?
17
282
Wix Studio & Spline is a powerful combination!
11
39
361
You need one Figma plugin to create a glass 3D from any shape!
7
17
229
You need only one click to go from design to live website!
5
30
373
Stop managing Figma color styles manually — This plugin does it all for you!
11
87
674
The beauty of clean design isn’t magic — it’s math. Here’s how 4pt spacing brings structure to the chaos.
5
42
407
Contra community — here is a quick reminder to keep posting here! 😍
Let's connect! 💯
2
28
400
Did you know there's a plugin that turns any screenshot into a Figma Auto Layout UI?! 🙌
25
153
1.5K
GRIT Fitness App Home Screen Design
17
917
(freebie inside 🎁) How to design iOS app navigation in Figma
26
823
From Figma prototype to responsive website with Wix Studio
34
705
Designing fully responsive web card using Figma auto layout
8
264
10 AI workflows I really use in Figma
3
326
Atheros Learning Platform - UX & UI Design
8
510
Quantum VPN App UX/UI Breakdown
6
347
Designing a Perfect Login Form
7
333
Ultimate list of 80 UX/UI design resources
8
412
Design better hero sections
5
73