From Concept to Code - AI Prototyping for Startup Founders

Cohort-based Course

Get hands-on with the latest AI tools like Uizard, Relume and Locofy to design prototypes, generate code, and get to market faster.

Taught students from these companies:

Adobe
American Airlines
Citi
Tata Consultancy Services
Federal Reserve

Course overview

AI Makes Design Faster and Better

As a product leader, you focus on getting your idea to market in the fastest possible timeframe. But the process of getting your idea to a prototype, and then your prototype to an actual app has by nature been limited. Generative AI is changing all that. A new suite of AI design tools can help you build prototypes for web and mobile apps in just minutes.


Over the course of four weeks, you will learn how to use these tools, and build your own landing pages, prototypes, and even generate code for mobile or web that you could hand off to your devs. Each week will start out with an introduction to a new tool, and end with a capstone where you can share your project.


Week 1: We will start the course by diving into two Web design tools: Durable and Relume. You will learn how to use both, and then you can choose your favorite and build a web page or site the rest of the week - don't worry - you can build fast with these tools!


Week 2: The second week, we will look at Uizard. This amazing tool can generate entire interactive prototypes using a simple prompt. We will look at how to do this, and then how to refine and make it better using AI and other features in the app. Then, you guessed it, you will build your own Uizard prototype this week.


Week 3: This week we will dive into Figma, the industry standard tool for designing and prototyping. We will look at how you can use tools like Relume and other plugins to speed your prototype development in Figma. You will then have a chance to build and present yet another prototype at the end of the week.


Week 4: In the final week of the course, you will learn how to export your Figma designs to production-ready code using Locofy Lightning. After learning the ins and outs of this Figma plugin, you will export your Figma prototype to the supported codebase of your choosing, either mobile or web.


Each week will consist of the following sessions and projects (learn more in the syllabus further down this page):


- a 90-minute tool introduction on Tuesdays

- a simple project you can work on in your own time

- a 90-minute project sharing and Q/A session every Friday during the first 3 weeks

- the final 90-minute lesson will be an open session to answer any questions about real-life projects, the tools we learned, other tools - or whatever the class brings.


Additionally, Drew will be available for 1:1 sessions throughout the duration of the course to help you troubleshoot during your projects.


Who is this course for

01

Product Managers who are looking to speed up their process and get their prototypes designed and to code faster than ever before.

02

Designers worried about getting displaced by AI tools can learn how to use AI to make better designs faster - and send devs the actual code.

03

Founders who want to be able to see their ideas designed in real-time using a new family of AI tools, and then exported directly to code.

What you’ll get out of this course

Learn to create websites and landing pages using just a prompt.

Building websites is faster than ever using Durable. In this course, we will go over the basics of using Durable and Relume (with Webflow integration) and how you might use them to create web sites and landing pages to test your messaging, market your product, or anything else.

Learn and create comprehensive design prototypes in minutes.

We will dive into Uizard and learn how you can use it to create prototypes in less time than was ever possible before. You will learn how to create an entire prototype from a simple prompt, then how to add and change screens, modify the theme, and make your prototype sing.

Learn how to use Figma plugins to speed up your web and prototype design.

Figma has become THE standard for designing prototypes. In this course, you will learn about the best AI plugins available (including Relume) that can do everything from generating designs, generating usable content, and overall making your design process faster and better.

Learn how to export your designs directly to code.

Students will learn how to use Locofy Lightning to export their Figma designs directly to code. With very few steps, you can make sure your designs are accurately represented by handing off actual code that includes not only styles but even components made from your designs.

This course includes

8 interactive live sessions

Lifetime access to course materials

In-depth lessons

Direct access to instructor

4 projects to apply learnings

Guided feedback & reflection

Private community of peers

Course certificate upon completion

Maven Satisfaction Guarantee

This course is backed by Maven’s guarantee. You can receive a full refund within 14 days after the course ends, provided you meet the completion criteria in our refund policy.

Course syllabus

Expand all modules
  • Week 1

    May 28—Jun 2

    Week dates are set to instructor's time zone

    Events

    • May

      28

      Designing Web Sites Using AI and Durable

      Tue, May 28, 5:00 PM - 6:30 PM UTC

    • May

      31

      Landing Page Reviews and Collaboration

      Fri, May 31, 5:00 PM - 6:30 PM UTC

    Modules

    • Design + Build Web Sites with AI

  • Week 2

    Jun 3—Jun 9

    Week dates are set to instructor's time zone

    Events

    • Jun

      4

      AI Prototyping with Uizard

      Tue, Jun 4, 5:00 PM - 6:30 PM UTC

    • Jun

      7

      Uizard Prototype Review and Collaboration

      Fri, Jun 7, 5:00 PM - 6:30 PM UTC

    Modules

    • Uizard Prototype

  • Week 3

    Jun 10—Jun 16

    Week dates are set to instructor's time zone

    Events

    • Jun

      11

      Using AI Tools In Figma to Accelerate Prototype Design

      Tue, Jun 11, 5:00 PM - 6:30 PM UTC

    • Jun

      14

      Figma Prototype Reviews

      Fri, Jun 14, 5:00 PM - 6:30 PM UTC

  • Week 4

    Jun 17—Jun 21

    Week dates are set to instructor's time zone

    Events

    • Jun

      18

      Exporting Figma Designs to Code

      Tue, Jun 18, 5:00 PM - 6:30 PM UTC

    • Jun

      21

      Final Reviews

      Fri, Jun 21, 5:00 PM - 6:30 PM UTC

  • Post-Course

    Modules

    • Figma Prototype

    • Code Generation, Final Prototypes

Meet your instructor

Drew Falkman

Drew Falkman

Product Leader & Consultant

Drew Falkman has been creating and growing software products for 20 years for companies including HP, Adobe, AARP, Geico, as well as numerous startups. He created a product strategy consulting practice for a large global consultancy and grew it to 10 PMs. He has created numerous online courses on product and leadership topics for LinkedIn Learning, an adjunct instructor at Portland State University, and an Adobe certified trainer who taught course on-site for numerous Fortune 500 companies including at Adobe HQ.

A pattern of wavy dots
Be the first to know about upcoming cohorts

From Concept to Code - AI Prototyping for Startup Founders

|

Bulk purchases

Course schedule

4-6 hours per week for 4 weeks
  • May 14 - June 7, 2024

    Four week course meeting twice per week allows you to master these skills and walk away with a completed project you can add to your portfolio.

  • Tuesdays & Fridays

    1:00pm - 2:30pm EST


  • Weekly projects

    2-?? hours per week

    We encourage you to bring a project you want to build and promote. In these 4 weeks you will:


    • Build landing page tests to test the market
    • Design prototypes you can use for user testing or to raise funds
    • Export designs to code to hit the ground running
Free resource

Watch a free video session of Drew showing AI prototyping tools.

Recently, Drew did a session for the AI Product Accelerator to show founders how they can use a couple of the AI tools you will learn in this course to build their prototypes and generate code directly from them.


This video is approximately 1 hour. Enjoy!

Watch it now

Learning is better with cohorts

Learning is better with cohorts

Active hands-on learning

This course builds on live workshops and hands-on projects

Interactive and project-based

You’ll be interacting with other learners through breakout rooms and project teams

Learn with a cohort of peers

Join a community of like-minded people who want to learn and grow alongside you

Frequently Asked Questions

What happens if I can’t make a live session?
I work full-time, what is the expected time commitment?
What’s the refund policy?

Stay in the loop

Sign up to be the first to know about course updates.

A pattern of wavy dots
Be the first to know about upcoming cohorts

From Concept to Code - AI Prototyping for Startup Founders

|

Bulk purchases