Do you produce BORING layouts? Here's a QUICK Fix
https://bit.ly/3sNHphG ๐ Design & code like me. Use "UI2023" for 23% Off!
https://codepen.io/jipdev/full/ZEJOWjP ๐ Layout Generator
https://designcourse.com/af ๐ My upcoming "Advanced Frontends" Course
-- Today, I'm going to show you a technique that will help you break outside of the boring box and into a whole new world of unique and interesting layouts using a free tool.
0:00 - Intro
0:37 - Layout Generator
2:08 - ChatGPT Fictional Brief
3:39 - Design Timelapse
5:20 - Final Result & Thoughts
Let's get started!
#uiux #uidesign #figma
- - - - - - - - - - - - - - - - - - - - - -
Subscโฆ
Watch on YouTube โ
(saves to browser)
Chapters (5)
Intro
0:37
Layout Generator
2:08
ChatGPT Fictional Brief
3:39
Design Timelapse
5:20
Final Result & Thoughts
Playlist
Uploads from DesignCourse ยท DesignCourse ยท 0 of 60
โ Previous
Next โ
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
CSSGR.ID - An Easy, Interactive Way to Learn the CSS Grid
DesignCourse
Animating SVG's for Web Design with SVGator Tutorial
DesignCourse
Adobe XD is Free! + An 8 Day Design Challenge Starting Tomorrow
DesignCourse
[Live] UI/UX Design in Adobe XD - Movie Ticket Purchasing Flow
DesignCourse
UI Design & Animate a Smart Watch App with Adobe XD & After Effects
DesignCourse
Need a simple video editor? Sometimes less is more..
DesignCourse
Animated Mockups in Photoshop? Who knew?
DesignCourse
Learn Angular 6 in 60 Minutes - Free Beginners Crash Course
DesignCourse
Setting up Angular 6 SEO in a Few Seconds? I'll show you how
DesignCourse
Creating Adobe Photoshop Templates for Mockups (Full Process!)
DesignCourse
Create CSS Animations Easily with this Chrome Extension
DesignCourse
SVG Icons Tutorial - A Look at Vivid.js
DesignCourse
Create an Isometric Illustration for Web Design in Illustrator CC
DesignCourse
Trying out Adobe Dreamweaver for the First Time in 13 Years!
DesignCourse
My #1 Tip for Becoming a Better Designer
DesignCourse
Getting Started with Angular 6 Material (Tutorial)
DesignCourse
Animating CSS Perspectives for UI Design
DesignCourse
Adobe XD's 2 New Awesome Features! Fixed Elements & Overlays Tutorial
DesignCourse
One CSS Trick You Didn't Know About! +200k Subscribers Today!
DesignCourse
Design & Animate SVG Illustrations for Web Design
DesignCourse
Pure CSS Sticky Storytelling with 1 Property??
DesignCourse
New Videos Weekly @ 11:30 AM EST (Channel Trailer)
DesignCourse
Wow.. You can Export Adobe After Effects Animations as SVG! Here's how.
DesignCourse
Color Fonts - How to make your own in Adobe Illustrator
DesignCourse
[Live] Q&A Reveal from This Week + Live Portfolio Review
DesignCourse
A Beginner's Web Design Tutorial for 2018 - Part 1 of 2
DesignCourse
An HTML & CSS Tutorial for 2018 - Part 2 of 2
DesignCourse
Create an Animated CSS Illustration with just 5 Lines of HTML
DesignCourse
Create an Awesome Scroll-based HTML5 Video Explainer
DesignCourse
Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
DesignCourse
Creating Step by Step Feature Introductions with Shepherd.js
DesignCourse
Easily Structure your Layout with CSS Grid's 'grid-template-areas'
DesignCourse
Making Money Online in 2018 as a Designer or Coder
DesignCourse
Deploy your Angular App to a Serverless Environment (AWS)
DesignCourse
Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
DesignCourse
Artboard Studio Early Adopter Preview - Powerful Product Presentations
DesignCourse
Build a Native Desktop App with Electron (YouTube Stats App)
DesignCourse
Mastering the Adobe XD Shape Building Tools (Pen tool, I'm looking at you)
DesignCourse
Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
DesignCourse
The Future of Web Fonts looks Awesome - Variable Font Tutorial
DesignCourse
Build your First Angular PWA from Scratch (Angular 6 PWA Tutorial)
DesignCourse
Build a Simple PWA based on Basic JavaScript using Google's Workbox
DesignCourse
[LIVE] Design Follow-Along - Let's Design a Dark UI Dashboard
DesignCourse
Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
DesignCourse
Quickly and Easily Create Custom Scrollbars that Look Awesome
DesignCourse
How to Make Super Effective Call to Actions in your UI Designs
DesignCourse
Learn Sass in this Free Crash Course - Give your CSS Superpowers!
DesignCourse
The New Vue UI is Amazing for Creating & Managing your Projects! Let's check it out
DesignCourse
Q&A Reveal from This Week + Live Portfolio Review @ 10:30 AM ET
DesignCourse
The Top 2018 Design Trends - The Good and the Bad
DesignCourse
Designing a Logo for my next YouTube Channel
DesignCourse
Control Type Position with CSS Shape-Outside - Endless Possibilities!
DesignCourse
Creating Color Themes for Your Websites & Apps
DesignCourse
Q&A Reveal from This Week + Live Portfolio Review @ 10:00 AM ET
DesignCourse
VuePress Tutorial - Learn how to use VuePress for a Documentation Site (Beginner)
DesignCourse
Let's Look at Trump's Space Force Logo Designs
DesignCourse
What Domain Extension Should a Designer Get?
DesignCourse
What is a Design System? Design Systems 101 for Designers
DesignCourse
Live Designer Portfolio Review @ 10:30 AM ET
DesignCourse
Creating Custom Video Backgrounds from Scratch
DesignCourse
DeepCamp AI