Jan Mraz @janm_uiux Twitter profile

Pinned Tweet

Jan Mraz

@janm_uiux

9 months

Start learning UX/UI design from scratch with me! 👇💜

12

102

598

Last Seen Profiles

@kristagraz_10

@el_drda

@cukienaknikmati

@asimbalci

@MoguLiveJP

@JoenWoen_09

@paulpierce34

@CathieDWood

@wigger

$لؤلؤة الخليج\97339693990+$

@Althawadi48

@jefnghan

@JamesMi81600640

@AFretired1997

@NShiotsuka94522

@mhmtt122

@CzechGPT

@ibubohay2

@boogied0wn

@cheetah

@BillieSpotify_

@SCHS_Patriots

@wrphrceyrwrr1

@Rainer__r

@furry_septiceye

@SommerRay

@fabiano94969041

@dilettantesongs

@oncyber

@ObedNoe222

@atptour

@ItAintEasyX5

@BOUGIEBlTCH

@BinorRaja

@MachineSie30983

@TONYxTWO

@Greenhaussounds

Jan Mraz

@janm_uiux

2 years

This tool enables you to transform Figma design to code really easily! 👇 Retweets are highly appreciated! 💜

226

2K

9K

Jan Mraz

@janm_uiux

2 years

Get inspired with my login screen timelapse workflow 👉🏼📱 Retweets are highly appreciated! 💜

71

787

5K

Jan Mraz

@janm_uiux

1 year

Understanding the relationship between UI and UX is essential knowledge for every UX/UI designer. This simple visualization shows the key activities of both parts of the design process. 🚀

25

627

3K

Jan Mraz

@janm_uiux

2 years

If you’re a UX UI designer, you need to know these websites! 1. fffuel .co for SVG patterns 2. artboard .studio for animated mockups 3. uiguideline .com for UI design principles Retweets are highly appreciated! 💜

84

1K

3K

Jan Mraz

@janm_uiux

2 years

With this Figma plugin you can generate any image using AI! 🤖 Retweets are highly appreciated! 💜

39

720

3K

Jan Mraz

@janm_uiux

2 years

If you’re a UX UI designer you need to know these sites! 👇🏼 1. manypixels .co for illustrations 2. designsystems .com for insightful articles 3. fontspiration .com for font combinations Retweets are highly appreciated! 💜

94

1K

3K

Jan Mraz

@janm_uiux

7 months

Colors to use instead of black (000000) 🖤💡

14

431

3K

Jan Mraz

@janm_uiux

2 years

With this tool, you're able to create animated mockups in a few clicks! 👇 Retweets are highly appreciated! 💜

50

633

3K

Jan Mraz

@janm_uiux

2 years

Timelapse of mobile app design for mentoring 📚 Do you like the process? Don't forget to retweet! 💜

48

504

3K

Jan Mraz

@janm_uiux

2 years

This is the easiest way to create animated mockups by far! 📱💻

49

530

3K

Jan Mraz

@janm_uiux

2 years

Timelapse of the food delivery mobile app screen from wireframe to high-fidelity! 🍔📱 Retweets are highly appreciated! 💜

30

469

3K

Jan Mraz

@janm_uiux

2 years

For every design system, I use at least three sizes of classical buttons with an icon. My number one option is to go with 32/40/56 sizes to follow the 8-grid system. Find more specs here! 👇 Retweets are highly appreciated! 💜

45

561

3K

Jan Mraz

@janm_uiux

1 year

Animated mockups have never been easier! Check these four tools and choose your favorite.👇

31

578

3K

Jan Mraz

@janm_uiux

1 year

Design system cheatsheet of button sizes 🚀

21

482

3K

Jan Mraz

@janm_uiux

2 years

I guess you already know most icon menu types, but are you aware of their purpose? 🤔

29

465

3K

Jan Mraz

@janm_uiux

2 years

A cheatsheet is a handy way to inspire and set proper values of proportions, spacing, or font sizes. I’m happy to be back with this series, today all about bottom navigation (tab bar). What is your favorite number? 👇 Retweets are highly appreciated! 💜

67

447

3K

Jan Mraz

@janm_uiux

2 years

Animating mesh gradient like Stripe is easy with this tool! Check how to do that in the tutorial below! 👇 Retweets are highly appreciated! 💜

38

407

3K

Jan Mraz

@janm_uiux

1 year

Setting web breakpoints for responsive web design 🖥️📱

29

433

3K

Jan Mraz

@janm_uiux

2 years

Let's discover my UXUI design process of some onboarding screens within the marketplace mobile app. The interactive prototype is included! 👇 Retweets are highly appreciated! 💜

25

457

2K

Jan Mraz

@janm_uiux

2 years

Don't know where to start and get expertise in UX UI design? Check more in the video and thread below!👇 Retweets are highly appreciated! 💜

34

568

2K

Jan Mraz

@janm_uiux

1 year

Push your UI/UX design presentation to a new level with these device mockup tools! 🤯💣

26

343

2K

Jan Mraz

@janm_uiux

10 months

Tools for creating animated device mockups fast 🚀

14

442

2K

Jan Mraz

@janm_uiux

2 years

Wondering how to set the proper dimensions and grid for the desktop app design? This is the solution I usually go with when using the left navigation panel! 👇 Retweets are highly appreciated! 💜

38

379

2K

Jan Mraz

@janm_uiux

2 years

I'm sure that every UX/UI designer will find these sites helpful! Check out more in the short video below!👇 Retweets are highly appreciated! 💜

39

671

2K

Jan Mraz

@janm_uiux

1 year

Setting proper spacing values is an essential UI design skill to create smooth and clean interfaces with enough white space. Learn more about the 8pt grid system! 🚀

28

332

2K

Jan Mraz

@janm_uiux

2 years

Artificial Intelligence has a huge impact also on the work of UX/UI designers! Try these 5 tools to boost your design process! 🔥

89

509

2K

Jan Mraz

@janm_uiux

2 years

In this post, I'm sharing 3 top-tier resources for UX/UI designers. I'm sure you will find them helpful! Thanks for retweeting and spreading the design content! 💜

19

428

2K

Jan Mraz

@janm_uiux

2 years

Are you a UX UI designer? Then you need these resources! 👇🏼 1. reshot .com for illustrations 2. lookup .design for inspiration 3. librestock .com for free to use images Retweets are highly appreciated! 💜🙌🏼

39

746

2K

Jan Mraz

@janm_uiux

2 years

Let’s continue with practicing UI design on the following frequently used component! 👇🏼 Retweets are highly appreciated! 💜

43

357

2K

Jan Mraz

@janm_uiux

1 year

If you're about to design your portfolio or just practicing UX/UI challenges, check these sites for design briefs.

62

527

2K

Jan Mraz

@janm_uiux

1 year

Icon styles for your next UI design project 🤯

24

283

2K

Jan Mraz

@janm_uiux

2 years

Navigation rail is one of the most frequent types of navigation for desktop apps. For its UI design, you should be pixel-perfect! I’m following the 8-pt grid as follows! 👇🙌

30

264

2K

Jan Mraz

@janm_uiux

2 years

Every UX/UI designer should know these 5 sites, boosting the design process! 👇

77

514

2K

Jan Mraz

@janm_uiux

11 months

Fantastic tools for animated mockups ⚡️📲

16

361

2K

Jan Mraz

@janm_uiux

2 years

Do you want to learn UX/UI design in 2023? Here is the roadmap! 🚀

86

452

2K

Jan Mraz

@janm_uiux

2 years

Every UX/UI designer and developer should know these 5 top-tier design resources!

68

504

2K

Jan Mraz

@janm_uiux

2 years

Responsive web design is absolutely mandatory for most websites and web-based apps. We use these breakpoints! Retweets are highly appreciated! 🙌

22

374

2K

Jan Mraz

@janm_uiux

1 year

In todays spacing tutorial, we focus on a home screen of fintech mobile app. 👇🏼🔥 Retweets are highly appreciated! 💜

28

336

2K

Jan Mraz

@janm_uiux

2 years

Those are my favorite mockup tools for UX UI designers! With these, you can provide an excellent presentation of your designs. 👇 Thank you for retweeting and spreading the design content! 💜

16

331

2K

Jan Mraz

@janm_uiux

11 months

Sidebar is one of the most common type of navigation for desktop apps. Get inspired with this example! 🚀

21

290

2K

Jan Mraz

@janm_uiux

1 year

In this UX/UI design timelapse, you can check the process of music & podcast streaming mobile app. Thank you for retweeting and supporting my design content! 💜

42

298

2K

Jan Mraz

@janm_uiux

11 months

Ultimate cheat sheet to bottom navigation 💪🏼⚡️

20

285

2K

Jan Mraz

@janm_uiux

11 months

Simple visualization of UI and UX design activities ⚡️

24

350

2K

Jan Mraz

@janm_uiux

1 year

Every design system should have various sizes of buttons. I usually go with these three categories!

25

294

2K

Jan Mraz

@janm_uiux

11 months

Inspiration for loading spinners variants ⏳🔥

19

305

2K

Jan Mraz

@janm_uiux

2 years

Designing blurry background animation in Figma is easy! Let's learn how to do that in the short tutorial below.👇 Retweets are highly appreciated! 💜

26

302

2K

Jan Mraz

@janm_uiux

1 year

Use this grid when designing a desktop app with a left navigation panel! 🚀

16

274

2K

Jan Mraz

@janm_uiux

2 years

In this example, you can see the specifications of the iOS mentoring native app screen. Try to replicate this to practice your UI design skills! 🔥

22

245

2K

Jan Mraz

@janm_uiux

1 year

One Figma plugin for documenting the whole design system! 🤯 Retweets are highly appreciated! 💜

14

280

2K

Jan Mraz

@janm_uiux

1 year

Chrome extensions can boost your UX/UI design process in a huge way! These five are top-tier ones! Retweets are highly appreciated! 💜

20

347

2K

Jan Mraz

@janm_uiux

2 years

Struggling with practicing UI/UX and finding ideas for your designs? Then this video and thread are for you! 👇 Retweets are highly appreciated! 💜

34

379

2K

Jan Mraz

@janm_uiux

2 years

If you want to level up your UI designs, use these resources! 1. shapefest .com for 3D illustrations 2. fontshare .com for free fonts 3. basicons .xyz for minimalistic icon package Retweets are highly appreciated! 💜

34

625

2K

Jan Mraz

@janm_uiux

2 years

You need to know about these Figma plugins! 👇🔥 (Thread below) Don't forget to share with your friends! 💜

72

396

2K

Jan Mraz

@janm_uiux

1 year

UX/UI design timelapse of fitness iOS mobile app from wireframing to high-fidelity screen 🔥

18

229

2K

Jan Mraz

@janm_uiux

10 months

4 fantastic sites for UX/UI designers 😍

18

262

2K

Jan Mraz

@janm_uiux

2 years

Skeleton loading is really easy in Figma with this plugin! Check how to do that! 👇🏼 Retweets are highly appreciated! 💜

23

283

2K

Jan Mraz

@janm_uiux

2 years

You must learn these 5 tools in 2023 as a UX/UI designer! 🤯

47

422

2K

Jan Mraz

@janm_uiux

2 years

With this Figma plugin, you're able to create an interactive map like Airbnb. Check out the tutorial in the video below! Retweets are highly appreciated! 💜

20

316

2K

Jan Mraz

@janm_uiux

2 years

These 3 sites will make your life as a UX UI designer much better! 1. shotstash .com for free stock images 2. ls. graphics for top tier design assets 3. icons .mono .company for smooth icon package Retweets are highly appreciated! 💜🙌

39

590

2K

Jan Mraz

@janm_uiux

2 years

Timelapse of marketplace mobile app design process📱🚀 #uidesign #appdesign #ui

27

210

1K

Jan Mraz

@janm_uiux

1 year

Ultimate progress indicator cheatsheet 🔃 🚀

12

203

2K

Jan Mraz

@janm_uiux

1 year

UX/UI design timelapse of sign-in mobile app screen from wireframing to high-fidelity prototype 📲🤯

9

252

1K

Jan Mraz

@janm_uiux

7 months

Fantastic sites for UX/UI designers 💜

21

232

1K

Jan Mraz

@janm_uiux

2 years

Today's post is all about free stock images for your website or app designs! Save my favorite sites: 1. unsplash .com 2. pixabay .com 3. pexels .com 4. burst .shopify .com 5. flickr .com 6. picjumbo .com Retweets are highly appreciated! 💜

32

440

1K

Jan Mraz

@janm_uiux

11 months

Top sites for finding UI/UX inspiration for your next mobile app project💡

20

355

1K

Jan Mraz

@janm_uiux

2 years

Do you want to build your UX design portfolio, but don't have projects yet? Build case studies based on the briefs from the following sites! 1. briefup .co 2. goodbrief .io 3. briefz .biz Retweets are highly appreciated! 🙏

32

697

1K

Jan Mraz

@janm_uiux

2 years

Feeling stuck during the UX UI design process? Those sites will definitely help you with inspiration from real interfaces. 👇🚀 Retweets are highly appreciated! 💜

24

358

1K

Jan Mraz

@janm_uiux

1 year

You can access most of the relevant AI tools for UX/UI designers at one place! 🤖👇🏼

20

259

1K

Jan Mraz

@janm_uiux

1 year

Profile dropdown usually works as a secondary navigation within an interface. Always keep in mind the 8(4)pt-grid spacing system!

23

221

1K

Jan Mraz

@janm_uiux

2 years

Those 3 sites are must-know for every UX/UI designer! All of them you can use for free! 🔥👇 Retweets are highly appreciated! 💜

21

371

1K

Jan Mraz

@janm_uiux

1 year

The latest timelapse of the Fintech mobile app screen is out! 📲 Retweets are highly appreciated! 💜

19

232

1K

Jan Mraz

@janm_uiux

1 year

This is a simple and effective way to practice UI design and learn from the best designers in the industry! 💪

24

317

1K

Jan Mraz

@janm_uiux

1 year

8pt spacing grid system visualization for checkout iOS mobile screen👇🔥

20

216

1K

Jan Mraz

@janm_uiux

2 years

Hamburger menu is a frequently used type of navigation for mobile web and native apps. Find inspiration for both active and non-active states with detailed specifications.📱

13

236

1K

Jan Mraz

@janm_uiux

1 year

Wondering how to use AI as a UX/UI designer? Try to search for these within ChatGPT! 🤖

32

262

1K

Jan Mraz

@janm_uiux

2 years

UI design timelapse of Atheros Learning mobile app welcome screen 📲✍️ How do you like the results? 👇 Retweets are highly appreciated! 💜

18

217

1K

Jan Mraz

@janm_uiux

2 years

Are you UX/UI designer or a frontend developer? Then you need to know about these FREE resources! 🚀👇

74

441

1K

Jan Mraz

@janm_uiux

2 years

Create pixel-perfect designs by following the 8pt spacing system. 👇🔥 Retweets are highly appreciated! 💜

16

240

1K

Jan Mraz

@janm_uiux

2 years

Learn how to hand off your UI design like a pro in Figma 📐🚀 Retweets are highly appreciated! 💜

17

265

1K

Jan Mraz

@janm_uiux

10 months

Sites to learn UX/UI design principles 💜👇

18

294

1K

Jan Mraz

@janm_uiux

10 months

Ultimate cheat sheet to web breakpoints for UX/UI designers 💻📱

9

240

1K

Jan Mraz

@janm_uiux

1 year

Boost your UX/UI design presentation with these mockup tools! 👇

52

337

1K

Jan Mraz

@janm_uiux

1 year

Timelapse of messaging mobile app screen 📲🔥 How do you like the results?👇

29

193

1K

Jan Mraz

@janm_uiux

1 year

4 Fantastic UX/UI design resources 🤯 Retweets are highly appreciated! 💜

17

355

1K

Jan Mraz

@janm_uiux

1 year

Save this cheatsheet to have a clear and simple view of base artboards and grids of iOS and Android systems on a single page! 🍏🤖 Retweets are highly appreciated! 💜

28

276

1K

Jan Mraz

@janm_uiux

2 years

Searching for some design assets to bring life to your UI designs? Then you should try this website! 👇 Retweets are highly appreciated! 💚

18

324

1K

Jan Mraz

@janm_uiux

9 months

Standard button sizes cheat sheet ✌️⬇️

12

202

1K

Jan Mraz

@janm_uiux

1 year

This is how you can instantly get the first projects for your UX/UI design portfolio! 🔥

14

260

1K

Jan Mraz

@janm_uiux

1 year

UX/UI design timelapse of blog mobile app screen ☄️

12

209

1K

Jan Mraz

@janm_uiux

1 year

UX/UI timelapse of fintech mobile app from wireframing to high-fidelity screen ⚡️

27

209

1K

Jan Mraz

@janm_uiux

7 months

Use these colors instead of pure white! ⚪️🙌🏼

14

212

1K

Jan Mraz

@janm_uiux

1 year

Push your UX/UI design presentation to a new level with these animated mockup resources! 🚀

49

348

1K

Jan Mraz

@janm_uiux

1 year

Animated icons can bring a huge positive impact on a visual aspect of your designs. These resources are top-tier! ☄️

17

235

1K

Jan Mraz

@janm_uiux

2 years

Learning from already existing designs is one of the most effective education methods. This site is a free collection of flows and screens of famous apps. 📲 Thank you for retweeting and spreading the design content! 💜

26

317

1K

Jan Mraz

@janm_uiux

2 years

In this cheatsheet, you will learn how to set proper grid and proportions values for iOS native app design. Thank you for retweeting and sharing the design content with others! 💜

21

212

1K

Jan Mraz

@janm_uiux

2 years

Even when designing an Input Field, you can be creative! Check the following variants, and don't forget to be pixel-perfect by following the 8-pt grid! Which option is your favorite?👇 Retweets are highly appreciated!💜