Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn to Vibe Code with Figma Make
Rating: 3.4 out of 5(13 ratings)
496 students

Learn to Vibe Code with Figma Make

A Beginner friendly course to vibe coding with Figma Make with the leader in UI & UX
Created byGreg Hung
Last updated 9/2025
English

What you'll learn

  • Best Prompting Practices
  • How to use Reference Images to Prompt your App
  • How to publish your App with the community
  • The Process of Iteration

Course content

1 section • 8 lectures • 43m total length

  • Introduction8:45

    Explore the Figma make interface, from prompts and preview to code view and publishing, and learn how to remix, share, and publish apps with built-in settings.

  • Figma Make Tour3:24

    Take a tour of figma make to master the interface, from accessing projects and prompts to previewing, touching assets, code view, and publishing or sharing your golf scoring app.

  • Making an App with a reference image6:41

    Design an online mobile-friendly video editor in Figma make by using a reference image for inspiration, building a main video preview, playback controls, timeline, and import, trim, save, export features.

  • How to publish an App to the Figma Make Community3:08

    Publish your app to the Figma Make community, remix with prompts and 180-degree rotation, explore community apps, and share mockups with color options like black, white, red, and navy blue.

  • How I made a Figma Make Uno Variant called Bruno8:09

    Explore building a mobile-friendly Bruno Uno variant in Figma Make, featuring AI opponents, multiple-card plays, iterative testing, publishing options, and domain-ready sharing.

  • Figma Solana Monopoly4:34

    Demo a vibe coded game called Solana Monopoly built in Figma Make, using the Solana token as rewards and wallet connection.

  • Remixing an Ecommerce Store with Stripe Integration6:39

    See how a pickleball paddle e-commerce remix adds 180-degree product rotation, zoom, and a shopping cart, then integrates Stripe payments as a secure prototype with real payments potential.

  • Summary1:50

    Turn ideas into functional prototypes with Figma Make, building apps like golf scoring or cryptocurrency dashboards. Collaborate with teams and the community to share visually appealing apps.

Requirements

  • No programming experience needed

Description

Ever create a beautiful design in Figma and wish you could make it feel alive without writing a single line of complex code? Do you want to bridge the gap between static screens and interactive experiences that have real personality? Welcome to Vibe Coding—the future of intuitive, design-led development.

This course is your friendly, hands-on introduction to Figma Make, the revolutionary tool that helps you translate your creative vision into functional, interactive components. We'll ditch the dry, intimidating code and instead focus on the "vibe"—the feel, flow, and magic of a great user experience. You'll learn how to breathe life into your designs, creating fluid animations, responsive layouts, and delightful micro-interactions that look and feel amazing.


What You'll Learn


By the end of this course, you'll be able to:

  • Master the Figma Make Interface: Confidently navigate the tools to turn your static designs into dynamic prototypes.

  • Translate Designs to Vibe Code: Effortlessly convert your Figma components into interactive, usable code snippets.

  • Animate with Personality: Add beautiful transitions and micro-interactions that delight users.

  • Create Responsive Prototypes: Understand the principles of responsive design and build layouts that work on any screen size.

  • Understand Component States: Easily manage different states like hover, pressed, and disabled to create a realistic user experience.

  • Export and Share Your Work: Learn how to share your interactive creations with your team, clients, or the world.


Who This Course Is For


This course is perfect for:

  • UI/UX Designers who want to add high-fidelity, interactive prototypes to their portfolio.

  • Graphic Designers curious about the world of interactive design.

  • Product Managers & Entrepreneurs who want to build and test ideas quickly.

  • Students & Hobbyists eager to learn a fun, visual approach to coding concepts.

  • Anyone who thinks coding is scary! (We promise to change your mind).


Prerequisites


Absolutely no prior coding experience is required! All you need is:

  • A basic understanding of the Figma design interface.


  • A computer with access to Figma.


  • An open mind and a passion for creating beautiful things!

Who this course is for:

  • User interface and user experience designers
  • Entrepreneurs and Business owners
  • Product Owners

Report abuse