Auto gauge HMI design using Figma and Squareline Studio

Подписаться 1,2 тыс.

Просмотров 14 тыс.

50% 1

Do you like my videos? Please consider buying me a ☕ :
www.buymeacoffee.com/nishad2m8
Code : github.com/nishad2m8/T-Displa...
Affiliate product links: Every bit of support matters 🤗.
📦 Lilygo T4-S3 : s.click.aliexpress.com/e/_EGK...
📦 Lilygo T-Display-S3 : s.click.aliexpress.com/e/_onp...
📦 LilygoT-RGB : s.click.aliexpress.com/e/_oBh...
📦 T4-S3 : www.lilygo.cc/9nz3hd
📦 T-Display-S3 : www.lilygo.cc/fmwbbp
📦 T-Display-S3 Amoled : www.lilygo.cc/fmwbbp
📦 T-RGB : www.lilygo.cc/3z5tt0
Auto gauge HMI design using Figma and Squareline studio. for coding tried Cursor ai code editor.
Timestamps:
00:00 - Demo
00:55 - Figma preview
11:01 - Squareline studio preview
13:36 - Cursor code editor preview
#squarelinestudio #lvgl #squareline #esp32 #gauge #automobile #hmi

Наука

Опубликовано:

24 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 37

@dastatiks6182 2 месяца назад

Really cool design !

@nishad2m8 2 месяца назад

Thank you

@Bianchi77 3 месяца назад

Creative video, thanks :)

@MrJinwright 3 месяца назад

Dope!! Thinking of doing something like this for a go-kart project

@nishad2m8 3 месяца назад

👍

@0miker0 4 месяца назад

I love your videos and envy at how good you are using Squareline. I’ve followed a few tutorials and had had success but find the ui not user friendly. I’ve also found that small changes to the ui require significant changes to the Arduino sketch every time. Great work and thanks again.

@nishad2m8 4 месяца назад

Im happy you like it 😇. Ive tried with various ways to create a nice user interface for microcontrollers. But they all failed 🤪. After find squareline studio I felt amazed and brought t-display to give a try.

@hilfsbereit1437 4 месяца назад

Thank you. 😊

@nishad2m8 4 месяца назад

🤗

@jsonslim 2 месяца назад

Amazing design

@nishad2m8 2 месяца назад

Thank you

@PTbyNIGHTEvents 15 дней назад

Looks like the wipeout speed gauge. Cool!

@nishad2m8 15 дней назад

🙃 .. Thank you

@xiaoding1856 4 месяца назад

nice work😊

@nishad2m8 4 месяца назад

🤗

@edriobranco 4 месяца назад

Good job. Make the codes for adaptations available, you will get a lot more subscribers that way.

@nishad2m8 4 месяца назад

🤗. i just tried the ui with mock data. if get OBD telemetry it can pass to ui.

@marcosiccardi7956 16 дней назад

Fantastic, do you have the spj project also available? Thanks

@nishad2m8 16 дней назад

Thank you. spj project means ?

@marcosiccardi7956 15 дней назад

@@nishad2m8 I was referring to the Squareline project

@nishad2m8 15 дней назад

@@marcosiccardi7956 no. i miss the files. you can find the ui elements in my gihub

@andrzejgorzela2059 4 месяца назад

What is the software you used to create the gauge's graphics ?

@nishad2m8 4 месяца назад

Software called Figma. It's free and very easy to use.

@juliawinter2370 3 месяца назад

hi, very nice work! what have you done to use the figma project on squareline???

@nishad2m8 3 месяца назад

Thank you. you can see in my video that I use more graphics. for example creating a gauge like this isn't possible with squareline studio, so I need image editing software. I'm more comfortable with adobe illustrator, but I use figma because it's free.