Design a Crypto App in Figma
Вставка
- Опубліковано 28 лип 2024
- How to design a cryptocurrency wallet app in Figma
Contents
0:00 Introduction
0:20 Housekeeping
0:50 Colour System
Figma Plugin: Styler
5:33 Type Scale
Wotfard www.atipofoundry.com/fonts/wo...
Readex Pro fonts.google.com/specimen/Rea...
9:35 Spacing Scale
12:14 iOS Components
16:07 Application Nav
16:35 Icons
Figma Plugin: Iconify
Flatten to one layer with CMD+E
Rename to 'Vector'
19:55 Navigation Tabs
23:35 Divider Component
25:04 Adjusting the artboard
25:30 Cover Component
27:25 Logo
Chaney www.atipofoundry.com/fonts/ch...
28:52 Graph Component
Figma Plugin: Chartline
35:30 Shadow Token, Constraints & Clean Up
38:41 Portfolio Section
40:18 Symbols
42:30 Asset Card
46:52 Market Card
50:14 Prototype Settings
51:33 Cleaning Up
52:09 Preparing Links
52:40 Generating A Style Guide
52:56 Creating a Dribbble cover
54:42 Conclusion
Stay in touch
/ jgeizerux
dribbble.com/jordangeizer/
jordangeizer.com/
Music from Uppbeat:
uppbeat.io/t/all-good-folks/s...
License code: SRIRC8RI7Y8EGANC - Навчання та стиль
I have been scrolling UA-cam for a month to learn those things you taught in a single video and those bonuses - are truly delightful. From what i can see, you are not producing these videos anymore, please get back on the track, student like us need your help. It's such a shame that youtube has this weird algorithm that didn't recommend your tuts at the top where it should be. Thanks for a great lesson.
Been playing with Figma for a month now and this is exactly the kind of tutorial I was looking for! I really like your structured approach, not just randomly throwing stuff on the canvas. Thank you for creating this, gonna check the rest of your tutorials now 😄
Incredibly useful video showing the entire working process from start to finish! Well-deserved +1 sub! Really looking forward to more of these practical design vids
Jordan
Dude, you just made one of the best Figma videos out there. I can't believe this is free, tho. It's filled with a huge amount of concepts aplicable to real industry workflows.
BEST lesson what i find! I've been looking for a lesson like this forever! THANK YOU!
Awesome, this actually made my day, been searching for this for long....Thanks
Your videos are the holy grail. Thanks
Can't believe all the things that can be done with Figma! Keep it up, loved this video :)
Pretty cool hey! Thanks so much :)
Man, you just blew my mind! The way you have designed it from start to finish is incredibly amazing! Woww that is a hail of a tutorial video! The best design process and tutorial I've ever seen! Looking forward to seeing more videos from you! Please keep up the great work man! And also thank you for sharing this kind of video! One thing I really want to say that you are incredibly cute!
Pretty awesome video, learned a lot! Thanks Jordan
Thanks for this, it was really insightful. Keep it coming please.
Super helpful mate, I enjoyed the use of shortcuts. Looking forward to more. PS: I just subscribed.
Thanks for your tutorial, It's sooooo useful~♥
The video was incredibly amazing
More of this mobile design content will be much appretiated. I enjoyed this.
More to come!
Loved this video, please make more, it was a lot of fun!!!
That means so much! Thank you.
I am sticking with you from the start, and I'll be there till you keep up. 👏
Thank you so much for your support! Really appreciate it.
Your videos are so helpful... Please be regular on youtube... Love you
Hey Jordan, I really loved your content. You just earned a loyal subscriber
Thanks so much for your support!
This guy knows what He is doing honestly
Great video.I love your work
Thank you! That means a lot.
Thanks alot 👍
Thank you, your explanation was wonderful.. Can you recommend for me a complete practical course that follows the same steps? I mean designing a full-fledged phone application.
i was searching for these types of tutorials and yeah! i found it finally.
Good job!
ME TOO! THANK YOU JORDAN
i m just watching your videos and learn lots of things. am your very fast subscribers. keep good work and we want more video like this
Thanks mate, will try my best!
Amazing, Thanks....
So welcome!
Lovely content...could you please post on a video on how to share landing page designs on mockups and also share on dribble or behance. Thanks
Hi Jordan, You make a good tutor:. Really learned a lot through this tutorial. Question though: why is the graph component not centered on the screen?
How do you generate the hex codes?
at 10:07 how do you make text auto adjust?
Hi Jordan, I was not able to generate the style guides at the end of the video. It asked me to select a layer. But in the video I did not see that you selected a layer. What should I do differently?
not getting the same auto layout options like you and also not getting the fill container option ,, can you tell me what am i doing wrong
waiting for more videos
Great video! I just came across your channel and I have watched all your videos. Your workflow is amazing.
Please, I'll like you to do a tutorial on your workflow.
Too kind! I'll certainly add it to the to do list :)
Thanks for the tutorial. How did you align text at 10:13 ?
Yes, I want to know this also!
Hey Jordan, I just joined ur channel last night and I have fallen in love with it. You just earned a loyal subscriber. Please I would love you to make a vid on “typewriter cursor effect” on a landing page. I don’t know if u get what I mean but I am simply talking about that effect that happens when various texts happens as a result of a cursor deleting them. I could explain more if you don’t get me. Hoping to get a response from you. Well done mate!
Thank you for your support Ikenna. That's a great idea! Would be a good opportunity to go through some auto layout and interactive component techniques.
I really liked your videos. I am a Photoshop designer and now wanted to learn Figma. Your videos are quite impressive.
Can you make a video for Figma Shortcuts and a small us all of them?
Of course - it's been on my to do list!
Hey dude. Make some full design course for us at skillshare.
I couldn't Find Fill Container 24:43 I have only two option in my Figma. Am I doing any mistake?
What options are you seeing there Vishnu? Sounds like in issue with the parent frame. I'd check that the divider is inside a parent frame and the parent frame has auto-layout applied and is set to fixed width on the horizontal axis.
@@JordanGeizer it's solved now. Thanks. Do you know adobe XD also?
@@vishnugupta1529 Don't do too much in XD these days, but have been wanting to do a video designing the same section in Figma, XD and Sketch so people can get a feel for the differences.
Its kind of intermediate level thing. And little bit unorganized. Good job anyway!
How its unorganized ? Can you brief it please .