How to Create Crisp and Modern HMI Graphics using Figma (In-Depth Tutorial) NEW

Поділитися
Вставка
  • Опубліковано 15 жов 2024

КОМЕНТАРІ • 27

  • @PLCskilltree
    @PLCskilltree  11 місяців тому +2

    ►► Grab My FREE GUIDE Featuring 5 easy steps to Drastically Improve the Structure of your TIA PLC Applications:
    www.plcskilltree.com/free-guide-optin

  • @Huyautomation2901
    @Huyautomation2901 11 місяців тому +3

    Another informative video from your chanel.I also learned to creat these icon from figma and yes,it really makes my HMIs interface look professional

  • @fabianomoreiraamaro9920
    @fabianomoreiraamaro9920 8 місяців тому +1

    Excellent once again Hans! Much appreciated!

  • @tendekaidotdev
    @tendekaidotdev 2 місяці тому +1

    Thanks man. This is an awesome tutorial.

  • @VideoBite
    @VideoBite 11 місяців тому +2

    Hello. Easy to folow tutorial. Would be great to have a tutorial about TRENDS.

    • @PLCskilltree
      @PLCskilltree  11 місяців тому

      Thanks for your feedback and suggestion, someday I might cover HMI trends 👍🏻

  • @_Iokanaan_Marusidze_
    @_Iokanaan_Marusidze_ 11 місяців тому +3

    Thanks 👍

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

    Muito obrigado por dividir seu conhecimento.

  • @CapalOnLive
    @CapalOnLive 8 місяців тому +1

    Hello, why you don't use SVG format to don't effect image quality ?
    why you don't set image color in the SVG as a TIA portal parameter ?

    • @PLCskilltree
      @PLCskilltree  8 місяців тому

      As far as I know, svg images are converted to a rasterized image in Runtime (for comfort panels anyway).
      You can export as svg if you prefer that. Not sure about the filesize, transparency possibilities etc… I am used to png images due to the small filesize and transparency features.
      Good remark, thanks!

  • @ugljessa
    @ugljessa 11 місяців тому +2

    Looks great but when I try to import them in Tia Portal and use them in graphic list they don't look so nice. When I import just graphic button that I have created like you showed us in video above loosk unbelievable.

    • @PLCskilltree
      @PLCskilltree  11 місяців тому +2

      Make sure your graphic list in TIA Portal has exactly the same size (x times y pixels) as your Figma button design.
      I use my exported Figma images all the time with graphic lists in TIA Portal and they look perfect.
      Please let me know what your exact problem is with Figma graphics and TIA graphic lists. You can send me some screenshots to hans@plcskilltree.com, makes it easier for me 😃

    • @ugljessa
      @ugljessa 11 місяців тому +2

      @@PLCskilltree I already tried that and looks amazing. Thanks for sharing.

    • @PLCskilltree
      @PLCskilltree  11 місяців тому +2

      @@ugljessa so no more problems with using Figma exports in TIA graphic lists?

    • @ugljessa
      @ugljessa 11 місяців тому +1

      @@PLCskilltree that's right.

  • @rebinshw
    @rebinshw 11 місяців тому +2

    well done

  • @PitisakN
    @PitisakN 11 місяців тому +2

    SUPER THANKS {{HANS}}

  • @RushabhPatelS
    @RushabhPatelS 10 місяців тому +1

    Can you do a tutorial on TIA Portal's f(x) trend view? I'm struggling with it, and your simple teaching style would be a huge help. Looking forward to more amazing content from you! 🚀 Thanks for being a constant source of inspiration and knowledge.

    • @PLCskilltree
      @PLCskilltree  10 місяців тому

      Maybe I’ll do a video some day about PID control which could include a trend view, thanks for your suggestion and support 👍🏻

  • @abdelrahmansaad9525
    @abdelrahmansaad9525 11 місяців тому +1

    could you please share with us your graphics?

    • @PLCskilltree
      @PLCskilltree  11 місяців тому

      It’s available in my premium course bundle, check out the description below the video

  • @HectorRodriguez-si3yr
    @HectorRodriguez-si3yr 9 місяців тому +1

    what about the process graphics ? :(

    • @PLCskilltree
      @PLCskilltree  9 місяців тому

      You create them using the same tools to create the buttons in my examples. Google them first to get an idea of what they look like (e.g. pump, solenoid valve, heat exchanger) and then make your own version of it in Figma.