Auto gauge HMI design using Figma and Squareline Studio
Вставка
- Опубліковано 14 лип 2024
- 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 - Наука та технологія
![[Tutorial] Building a simple UI with Squareline Studio to use on a microcontroller](http://i.ytimg.com/vi/erAK6WZFebs/mqdefault.jpg)
![[Tutorial] Building a simple UI with Squareline Studio to use on a microcontroller](/img/tr.png)
Looks like the wipeout speed gauge. Cool!
🙃 .. Thank you
Creative video, thanks :)
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.
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.
Dope!! Thinking of doing something like this for a go-kart project
👍
Really cool design !
Thank you
Thank you. 😊
🤗
Amazing design
Thank you
nice work😊
🤗
Good job. Make the codes for adaptations available, you will get a lot more subscribers that way.
🤗. i just tried the ui with mock data. if get OBD telemetry it can pass to ui.
Hello, could you share this Squareline studio project? I want to learn how to import pictures to achieve the effect you did。Thank you！！！！
Hi, No. in the beginning i didn't keep the squareline studio files. you can get the ui elements files form my github. you can try with that
Fantastic, do you have the spj project also available? Thanks
Thank you. spj project means ?
@@nishad2m8 I was referring to the Squareline project
@@marcosiccardi7956 no. i miss the files. you can find the ui elements in my gihub
hi, very nice work! what have you done to use the figma project on squareline???
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.
What is the software you used to create the gauge's graphics ?
Software called Figma. It's free and very easy to use.
Love your work, how to get in contact with your about work?
Thank you 🤗. you can get me on telegram t.me/nishad2m8
@@nishad2m8 Thanks for that. I work for an audio company. Will be in Touch soon.
@@nishad2m8 👍👍😛
Hello, i have a question. Why do use figma?
Hi, for me its like pencil sketching on paper. easy to make interface nd design elements, before going to actual implementation
Ok. Is it possible to draw this project with figma free? Thank you😊
@@hilfsbereit1437 till now figma is free. I use others like Photopea; it depends....😇
Я могу почтавить такую приборную панель в машину? Или например как дополнительныц экран в игре, например в forza
Если данные доступны, вы можете передать их элементам пользовательского интерфейса.