I spent 10 DAYS redesigning Visual Studio Code... | Speed UI Design
Demystifying Design Demystifying Design
4.97K subscribers
86,587 views
0

 Published On Jun 7, 2024

Full UI Design Playlist → https://bit.ly/2UqOzBH
Want a custom design for your business? → https://marcmcdougall.com

Check this UI out on Dribbble → [coming soon!]
Here's the Figma file for this project → https://bit.ly/3yXWsZ7
Where I hire my freelance WordPress developers (Codeable) → https://bit.ly/49iI4Yg

Links from this video:
- Check out VSCode! https://code.visualstudio.com/

In the 91st episode of Demystifying Design, I'll be redesigning VSCode! The most pervasive code editor out there, maintained by Microsoft.

This entire redesign took me about ~35 hours to complete (over 6 days). Hope you enjoy!

Important timestamps:
0:00 Introduction
0:31 UI Teardown
1:26 Colors & Typography
2:30 VSCode Redesign Begins
3:30 Primary Navigation
4:03 File Explorer
5:33 File-Level Navigation
6:27 File Content
7:22 Tool Windows
8:25 GitHub Copilot Integration
9:49 Marketing Site Redesign
10:54 Page Navigation
11:28 Hero Section
12:55 Trust Section
13:14 GitHub CoPilot Blade
15:30 Productivity Section
16:08 Deployment Section
16:32 Customizability Section
17:12 Social Proof Section
18:06 Footer CTA
18:53 Summary

Music licensed by Epidemic Sound:
Fall Call, by Dusty Decks
Riding High, by Jon Runefelt
Bumfuzzle, by Jobii
Neon Nostalgia, by Rebecca Mardal
The Main Event, by Matt Large
Exits, by Felix Johansson Carne
Vivid View, by Dusty Decks
Cupcake Delivery, by Dylan Sitts

All content in this video is intended to be purely transformational in nature.

#webdesign #redesign #design #designer #designchallenge #speeddesign #appdesign #designchallenge #webdesign #learndesign #webdev #ui #uidesign #webdesign #graphicdesign #websiteredesign #microsoft #vscode #developer #development

show more

Share/Embed