Loading video...

Video Failed to Load

Go Home

Create a consistent look and feel across your Material Design app using Themes! 🎨 @khanhnwin shares how ↓

FlutterDev's profile picture

Flutter

276,067 subscribers

33,400 views • 2 years ago •via X (Twitter)

Science & TechnologyArts
LIVE

Anya Rossi• Live Now

Private livecam show

2 Comments

Mike Rydstrom's profile picture
Mike Rydstrom2 years ago

@materialdesign @KhanhNwin Want to see some examples of why @materialdesign is super cool 😎 in #Flutter? Here is a thread with links to some surprising things you can do with it. Also showing it does not have to look like M3 does out of the box. Theme it and make it your own! 😀💙

Carlos Sá's profile picture
Carlos Sá2 years ago

@materialdesign @KhanhNwin I didn't like the choice of colors, they look like baby clothes colors.

Related Videos

Keeping a character consistent across scenes can feel like a quest. ⚔️ By using front and back views as Ingredients, your characters remain consistent with every turn and twirl you create in your story. #FindYourFlow
0:28

Keeping a character consistent across scenes can feel like a quest. ⚔️ By using front and back views as Ingredients, your characters remain consistent with every turn and twirl you create in your story. #FindYourFlow

Flow by Google

27,741 views • 6 months ago

Your Visual Studio Code just got a fresh look! 🎨 The new default themes, VS Code Light and VS Code Dark, bring a modern, refined design while keeping the familiar usability you love. ⭐ Bonus: these themes automatically match your OS light/dark mode.
0:21

Your Visual Studio Code just got a fresh look! 🎨 The new default themes, VS Code Light and VS Code Dark, bring a modern, refined design while keeping the familiar usability you love. ⭐ Bonus: these themes automatically match your OS light/dark mode.

Visual Studio Code

191,061 views • 2 months ago

Themes for v0 • Create your own theme from a prompt • Modify individual design tokens • Switch between themes on generations • Use shadcn built-in themes
0:34

Themes for v0 • Create your own theme from a prompt • Modify individual design tokens • Switch between themes on generations • Use shadcn built-in themes

Vercel

134,166 views • 1 year ago

Using Grok Imagine to create consistent characters across scenes. Full workflow in the tutorial.
4:02

Using Grok Imagine to create consistent characters across scenes. Full workflow in the tutorial.

Alex Utopia

51,047 views • 3 months ago

Cursor can now create new components and frontends in Figma using your team's design system.
0:25

Cursor can now create new components and frontends in Figma using your team's design system.

Cursor

632,957 views • 2 months ago

Introducing 🎨 Design Systems in Stitch! Build a single source of truth to keep your screens visually consistent. Create your styles once, then instantly apply them to any new or existing designs. We’ve got more for design systems coming over the next few weeks, stay tuned! 👀
0:35

Introducing 🎨 Design Systems in Stitch! Build a single source of truth to keep your screens visually consistent. Create your styles once, then instantly apply them to any new or existing designs. We’ve got more for design systems coming over the next few weeks, stay tuned! 👀

Stitch by Google

293,306 views • 3 months ago

Ready to turn a blank canvas into a masterpiece? 🎨 Create original artworks, discover famous exhibits, and inspire your guests to feel their feels as you design and build your very own Art Museum! Two Point Museum: Arty-Facts releases on May 7th ✨
1:40

Ready to turn a blank canvas into a masterpiece? 🎨 Create original artworks, discover famous exhibits, and inspire your guests to feel their feels as you design and build your very own Art Museum! Two Point Museum: Arty-Facts releases on May 7th ✨

Two Point Museum 🫟

39,289 views • 1 month ago

Want to build a family of mechs with a consistent design language? Gavin Manners discusses how adjusting proportions and material contrast can transform a single concept into multiple size classes. See his complete kitbashing process:
1:23

Want to build a family of mechs with a consistent design language? Gavin Manners discusses how adjusting proportions and material contrast can transform a single concept into multiple size classes. See his complete kitbashing process:

The Gnomon Workshop

17,159 views • 3 months ago

Your brand deserves a pro touch—with X-Design, the #1 Product of the Day on Product Hunt. X-Design has evolved into an AI brand design agent. Create logos, colors, posters, menus, and more—all consistent, all in minutes
1:22

Your brand deserves a pro touch—with X-Design, the #1 Product of the Day on Product Hunt. X-Design has evolved into an AI brand design agent. Create logos, colors, posters, menus, and more—all consistent, all in minutes

Tulsi Soni

455,075 views • 6 months ago

ArmorLab 0.1 is out - PBR material creation app. 🎨
4:06

ArmorLab 0.1 is out - PBR material creation app. 🎨

Armory3D

28,102 views • 2 years ago

Make your web3 app truly yours with the “Attach” feature on #AgenticIDE🎨 Upload an image, match your app’s style, and watch the design instantly update. Personalize your project in seconds—see how it works here👇
0:39

Make your web3 app truly yours with the “Attach” feature on #AgenticIDE🎨 Upload an image, match your app’s style, and watch the design instantly update. Personalize your project in seconds—see how it works here👇

IG Intern

61,907 views • 1 year ago

Making focus rings look great, consistent, and fully themable across all components.
0:33

Making focus rings look great, consistent, and fully themable across all components.

shadcn

105,860 views • 1 year ago

HeroUI v3 beta 1 for web is live 🔥 A full redesign that blends v2 animations with v3 simplicity: • Brand new design system • Every component rethought • 8 new components • Better dev experience across the board Smooth transitions, cleaner surfaces, and a design language that matches HeroUI Native so your apps feel consistent on web and mobile. A BIG step forward 🚀
0:25

HeroUI v3 beta 1 for web is live 🔥 A full redesign that blends v2 animations with v3 simplicity: • Brand new design system • Every component rethought • 8 new components • Better dev experience across the board Smooth transitions, cleaner surfaces, and a design language that matches HeroUI Native so your apps feel consistent on web and mobile. A BIG step forward 🚀

HeroUI

66,266 views • 7 months ago

Delivered a massive 14-page design project. Super proud of how clean and consistent it turned out.
0:33

Delivered a massive 14-page design project. Super proud of how clean and consistent it turned out.

Satya

14,657 views • 2 months ago

How to Create AI Animated Dialogue Scenes with Multiple Consistent Characters. Learn how to create professional AI animated dialogue scenes with multiple consistent characters for YouTube storytelling, moral tales, and faceless videos. In this step-by-step tutorial, we’ll cover character design, scene creation, voiceovers, lip-syncing, and animation using powerful AI tools like ChatGPT, OpenArt AI, and ElevenLabs. This is for new and existing creator on youtube. Like, Retweet and Bookmark. Follow me BIG CHRIS
17:48

How to Create AI Animated Dialogue Scenes with Multiple Consistent Characters. Learn how to create professional AI animated dialogue scenes with multiple consistent characters for YouTube storytelling, moral tales, and faceless videos. In this step-by-step tutorial, we’ll cover character design, scene creation, voiceovers, lip-syncing, and animation using powerful AI tools like ChatGPT, OpenArt AI, and ElevenLabs. This is for new and existing creator on youtube. Like, Retweet and Bookmark. Follow me BIG CHRIS

BIG CHRIS

67,264 views • 1 month ago

Google has updated the Clock app with Material 3 Expressive design, bringing a fresh, colorful look and smoother usability. Key changes include clearer alarm visuals, easier snooze/stop buttons, and revamped timer and stopwatch interfaces. #Material3Expressive #android16
1:00

Google has updated the Clock app with Material 3 Expressive design, bringing a fresh, colorful look and smoother usability. Key changes include clearer alarm visuals, easier snooze/stop buttons, and revamped timer and stopwatch interfaces. #Material3Expressive #android16

Pixel UI by Google

13,091 views • 9 months ago

🚨BREAKING: Kling 2.6 just dropped Voice Control, and voice consistency is finally solved. You can now create a custom voice and keep it consistent across your videos. Free guide 👇
0:20

🚨BREAKING: Kling 2.6 just dropped Voice Control, and voice consistency is finally solved. You can now create a custom voice and keep it consistent across your videos. Free guide 👇

Poonam Soni

36,171 views • 5 months ago

When creating ingredient images, try to create stylistically consistent images. If you use input images that are too disparate, the output may lead to a cut scene. For example, when generating a reference image, try using a prompt like: “Create the next scene in this storyboard, now show a roadside diner with the same look and feel as the original image.”
0:22

When creating ingredient images, try to create stylistically consistent images. If you use input images that are too disparate, the output may lead to a cut scene. For example, when generating a reference image, try using a prompt like: “Create the next scene in this storyboard, now show a roadside diner with the same look and feel as the original image.”

Google AI

23,526 views • 7 months ago

How to create a bag packaging design
2:04

How to create a bag packaging design

Photoshop Tricks!

413,204 views • 1 year ago

How to create a bag packaging design
2:04

How to create a bag packaging design

Photoshop Tricks!

30,533 views • 2 months ago