A collection of my work as I learn Figma and better my skills as a designer.

Taught by Mizko on YouTube

Re-Create Tesla’s Homepage

  • Inspect a live website to utilize assets

  • Utilize Figma’s color system for reusable colors

  • Create re-usable text type styles

  • Create a quick button component set

  • Responsive button using auto-layout

  • Prototype Sticky Header

  • Fully Responsive Designs

Taught by UI Adrian on YouTube

3D Carousel Slider

  • Using masks and labels to create realistic visuals

  • Synchronous slide transitions to show different products

    • Can labels rotate

    • Background color rotates

    • Fruits fly in from above as old fruits fall away

  • Experimenting with depth perception, shadows, and color vibrancy

Crypto Exchange Desktop Landing Page

Clean Navigation

Designing in Dark Mode

Custom saved text styles

Add-ons for depth and intrigue

Images that aid user understanding

Clear and concise copy

Using masks and well-organized layers

Strong, attention-grabbing CTA

Clean and Clear Navigation

Customized Testimonials

Taught by Flux Academy