Do It Yourself – Website Tutorials
Want to learn how to design your own web app in Figma? Join in this tutorial and build along with me – beginners are welcome! In just 20 minutes I take you through designing, prototyping, and gathering feedback for this web app.
★ Download Figma: https://www.figma.com/
★ GreenGenes Prototype: https://bit.ly/30OHktE
★ I recommend giving it a shot starting with a blank canvas, but If you would like to duplicate the practice file follow these instructions:
1. Visit: https://bit.ly/30OHktE
2. Click on the title in the top center, and “Duplicate to your Drafts”
3. Open the file in your drafts.
______________________________________
______________________________________
► MY TOOLS
Hardware
• 2019 16” MacBook Pro: https://amzn.to/3cXNfQK
• 2019 iPad 10.2”: https://amzn.to/2TvygFX
• Apple Pencil (1st Gen): https://amzn.to/2Zte4sj
• Dell 27” 4k Monitor: https://amzn.to/3bVSsXZ
• Magic Mouse 2: https://amzn.to/3bVSuz5
• Magic Keyboard: https://amzn.to/2LT61x2
Software
• Adobe Creative Cloud: https://www.adobe.com/creativecloud.html
• Webflow (Amazing no-code website builder): https://webflow.com/
• Wix: https://wixstats.com/?a=38934&c=124&s1=
• Flaticon (Free graphics and icons): https://www.flaticon.com/
• Freepik (Free graphics and icons): https://www.freepik.com/
• Vecteezy (Free graphics and icons): https://www.vecteezy.com/
• Unsplash (Free high-quality lifestyle photography): http://unsplash.com/
★ ★ ★ BUDGET STARTER PACKAGE ★ ★ ★
• MacBook Pro 13inch: https://amzn.to/3euloIj
• Adobe Creative Cloud: https://www.adobe.com/creativecloud.html
► EXTRA:
• iPad 10.2: https://amzn.to/2zH8jN6
• Apple Pencil: https://amzn.to/3chhUY6
• (Not Needed, but great for wireframes, notes, and testing site responsiveness)
______________________________________
______________________________________
► ABOUT:
I am a designer and marketer, who has a passion for web design. I like to help others by sharing my processes, tips and tricks, and the best software and tools to use for web design.
► SUPPORT THE CHANNEL:
Ko-Fi: https://ko-fi.com/richvargas
► CONNECT WITH ME:
Twitter: https://twitter.com/imrichvargas
Instagram: https://www.instagram.com/richvargasd…
Facebook: https://www.facebook.com/richvargasde…
LinkedIn: https://www.linkedin.com/in/richvargas/
______________________________________
______________________________________
source