Це відео не доступне.
Перепрошуємо.

Auto gauge HMI design using Figma and Squareline Studio

Поділитися
Вставка
  • Опубліковано 17 сер 2024
  • Do you like my videos? Please consider buying me a ☕ :
    www.buymeacoff...
    Code : github.com/nis...
    Affiliate product links: Every bit of support matters 🤗.
    📦 Lilygo T4-S3 : s.click.aliexp...
    📦 Lilygo T-Display-S3 : s.click.aliexp...
    📦 LilygoT-RGB : s.click.aliexp...
    📦 T4-S3 : www.lilygo.cc/...
    📦 T-Display-S3 : www.lilygo.cc/...
    📦 T-Display-S3 Amoled : www.lilygo.cc/...
    📦 T-RGB : www.lilygo.cc/...
    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

КОМЕНТАРІ • 42

  • @0miker0
    @0miker0 5 місяців тому +3

    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
      @nishad2m8  5 місяців тому

      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.

  • @PTbyNIGHTEvents
    @PTbyNIGHTEvents Місяць тому

    Looks like the wipeout speed gauge. Cool!

  • @takedowntheccp.5167
    @takedowntheccp.5167 11 днів тому +1

    nice ! 非常感谢!

  • @MrJinwright
    @MrJinwright 4 місяці тому +1

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

  • @Bianchi77
    @Bianchi77 4 місяці тому +2

    Creative video, thanks :)

  • @dastatiks6182
    @dastatiks6182 3 місяці тому

    Really cool design !

  • @jsonslim
    @jsonslim 2 місяці тому

    Amazing design

  • @tariqjameel6862
    @tariqjameel6862 День тому

    Hello sir ,hope you are fine ,sir can you plz share the squareline studio project file of this project please

  • @hilfsbereit1437
    @hilfsbereit1437 5 місяців тому +1

    Thank you. 😊

  • @tariqjameel6862
    @tariqjameel6862 День тому +1

    @nishad2m8 Hello sir,can you plz share the sqaurelinestudio project file of this project please

    • @nishad2m8
      @nishad2m8  23 години тому

      Hi, sorry i miss the sqaureline studio files. the elements file in github. github.com/nishad2m8/T-Display-S3-YT/tree/master/06-Auto-Guage

  • @edriobranco
    @edriobranco 5 місяців тому +1

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

    • @nishad2m8
      @nishad2m8  5 місяців тому +1

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

  • @marcosiccardi7956
    @marcosiccardi7956 Місяць тому

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

    • @nishad2m8
      @nishad2m8  Місяць тому

      Thank you. spj project means ?

    • @marcosiccardi7956
      @marcosiccardi7956 Місяць тому

      @@nishad2m8 I was referring to the Squareline project

    • @nishad2m8
      @nishad2m8  Місяць тому

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

  • @andrzejgorzela2059
    @andrzejgorzela2059 5 місяців тому +1

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

    • @nishad2m8
      @nishad2m8  5 місяців тому +1

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

  • @xiaoding1856
    @xiaoding1856 5 місяців тому

    nice work😊

  • @user-fw3bt3it6i
    @user-fw3bt3it6i 2 місяці тому +1

    Hello, could you share this Squareline studio project? I want to learn how to import pictures to achieve the effect you did。Thank you!!!!

    • @nishad2m8
      @nishad2m8  2 місяці тому

      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

  • @juliawinter2370
    @juliawinter2370 3 місяці тому

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

    • @nishad2m8
      @nishad2m8  3 місяці тому +1

      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.

  • @hilfsbereit1437
    @hilfsbereit1437 5 місяців тому +1

    Hello, i have a question. Why do use figma?

    • @nishad2m8
      @nishad2m8  5 місяців тому +1

      Hi, for me its like pencil sketching on paper. easy to make interface nd design elements, before going to actual implementation

    • @hilfsbereit1437
      @hilfsbereit1437 5 місяців тому

      Ok. Is it possible to draw this project with figma free? Thank you😊

    • @nishad2m8
      @nishad2m8  5 місяців тому +1

      ​@@hilfsbereit1437 till now figma is free. I use others like Photopea; it depends....😇

  • @dennish5150
    @dennish5150 3 місяці тому

    Love your work, how to get in contact with your about work?

    • @nishad2m8
      @nishad2m8  3 місяці тому +1

      Thank you 🤗. you can get me on telegram t.me/nishad2m8

    • @dennish5150
      @dennish5150 3 місяці тому

      @@nishad2m8 Thanks for that. I work for an audio company. Will be in Touch soon.

    • @dennish5150
      @dennish5150 3 місяці тому

      @@nishad2m8 👍👍😛

  • @user-fm6ib9cd8q
    @user-fm6ib9cd8q 4 місяці тому +1

    Я могу почтавить такую приборную панель в машину? Или например как дополнительныц экран в игре, например в forza

    • @nishad2m8
      @nishad2m8  4 місяці тому +1

      Если данные доступны, вы можете передать их элементам пользовательского интерфейса.