• Dark Theme
    • Categories
    • Register
    • Login
    HISE Logo Forum
    • Categories
    • Register
    • Login

    Figma to HISE?

    Scheduled Pinned Locked Moved General Questions
    21 Posts 5 Posters 807 Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • L
      lalalandsynth
      last edited by 2 Jan 2023, 13:07

      Definitely possible, I will have to dive into this.

      f078d689-31b5-4fcb-a546-3f64ec5969ea-image.png

      https://lalalandaudio.com/

      https://lalalandsynth.com/

      https://www.facebook.com/lalalandsynth

      https://www.facebook.com/lalalandsynth

      D 1 Reply Last reply 2 Jan 2023, 18:39 Reply Quote 4
      • U
        ulrik @lalalandsynth
        last edited by 2 Jan 2023, 13:12

        @lalalandsynth said in Figma to HISE?:

        A panel state cannot be saved in preset iirc so do I need to always use invisible buttons, knobs etc ?

        You can save a panels state in a preset, you can set the panels value to an object or array

        Panel.setValue([]);
        or
        Panel.setValue({});
        

        Here I save the state of the panels painted dots (just an example)

        HiseSnippet 1103.3ocsVstaaTDEd1jrP2EpDUB9+f+0VofqMsTpJphz33fLPRrvgHPUUUS1cVuCY7Lq1YrSrpxCJuE7F.myLdsWCtAjEck7k4b86blykcXkNkaL5JRPz4yK4jfONbzbksnWASnHCNhD7YgiXy3zQVlkSEJ5PlhKIGNujYL7LRPvteGJZPzdD2ye7sGxjLUJeEIB4BsHk+ihIB6JpCO3GDR4wrL94hIMj9IGLHUq5ok5o.r1MrCojkdEaL+TFJ1NgjfOnelvpqbXxPB16Pc17QE5qUd4uPXDWJ43gtjQfg7jOVKyPDiTI8JDxrg0gug.VY3pjwt9jwmFdhHSrj9pjxm3XPWoQy7QvNqCucWCdcaBuNMf2FfTPCHsmGROHbTZknzthChmOJbfxxqxYPZuIT7xR1422MrmFjPYaOgcE+3J3vRMRdZmN6Sgud32DG+nGEMhao1BNsDuooVM0.E.mqGVwM.mWPsUS4wvUjwRmwp7ED.4ZGLla6omTpUvgjVNts.K69SavBIsP6MP4sWq8c1CccrPIEJNMepJ0JzJpV4TBMbkVljVa08A+JAcheabjHmlXgLiN2Sj94uf1Re4uwSssdXbTzRkPWeAJQxqdM3snn3HvvFsj2trR.P0Vg4BukAAtEPzcFRnAW.sdLo7RnHMYcD6Bpkw8Pn3w9S5oVHFSpiwjwtnXb6bnW3kRYRqN2jm+X2Cl0.Th43YXZuPXPj3CBOuwdPfsJI9eLsutPX4d145JZBjLv91YX1v6m9Ronz.IBfU6a1mh+LeeZ2N3GWxI9VD6Kg9I5oF9xfbI14yf7gC+2EFwaHmjsSkhzq3Y.P.UhfJsgSMEzEToYZqAAJTvsr5y3uTAom0tDDN4ssto0yodyAHu07kmle6haUzv8jb.Q.fgiq7uoPjaOB5CwTAXwTTpjZ0bXOsfoFyybDusNO.OMpIOUa4moRbwc7swz+Nq77MxaQMgjWsQ13Lvp6RwD0zIWxqZV6iBBCFVeZS36dZSyggo9R6FBpUCTB6Ykb06ZDIYQ+.NYZAp.Qst4R2udtja8f.l97gg9+6vKI3dge+nyN8UulP94AGwrrZi.1C7QIuxJP3GbDeFrqvOrKJ7Ht4JqtzI6hFPvT+at7lUaSDGLe0ge8fqEY1hlbK3hwE1lTZNcBRmAA.UnRReccCfAccOrp0POSImCqx9GiogED5roRlc8sF3pxELfK20FUiiiUFgcdyUo+usJ4+JDeP3PgMsXyXbmMfQ3Z78AFWr.99g8yygQ4q.3dgG+Kue11R7ylGeByVIfJnvSmNYDLQMkCdWgCivpgcv1.+4N3YLCLhqxbG9S3YAyt0kNHyt0LISXoU52j5advU72yQAvjx81MQgmfmocqaaBC6ztCYB71FuIMEC+u.5L2rNe4Vnyi2BcdxVnyWsE57zsPmudKz4Y2oN3K58xoV8De6.PXXe27qff9JFTY4pBI+E79olj.
        

        Hise Develop branch
        MacOs 15.2, Xcode 16.2
        http://musikboden.se

        L 1 Reply Last reply 2 Jan 2023, 13:16 Reply Quote 1
        • L
          lalalandsynth @ulrik
          last edited by 2 Jan 2023, 13:16

          @ulrik Yes, but can I set them as plugin parameter as well, in other words get them to behave like normal buttons, sliders etc ?

          https://lalalandaudio.com/

          https://lalalandsynth.com/

          https://www.facebook.com/lalalandsynth

          https://www.facebook.com/lalalandsynth

          U 1 Reply Last reply 2 Jan 2023, 13:19 Reply Quote 0
          • U
            ulrik @lalalandsynth
            last edited by 2 Jan 2023, 13:19

            @lalalandsynth Oh, I see, that's tricky I guess...

            Hise Develop branch
            MacOs 15.2, Xcode 16.2
            http://musikboden.se

            L 1 Reply Last reply 2 Jan 2023, 13:20 Reply Quote 0
            • L
              lalalandsynth @ulrik
              last edited by 2 Jan 2023, 13:20

              @ulrik unless I use the invisible slider trick, wonder if there is a better way, bit clunky.

              https://lalalandaudio.com/

              https://lalalandsynth.com/

              https://www.facebook.com/lalalandsynth

              https://www.facebook.com/lalalandsynth

              U U 2 Replies Last reply 2 Jan 2023, 14:20 Reply Quote 0
              • L
                lalalandsynth
                last edited by lalalandsynth 1 Feb 2023, 13:37 2 Jan 2023, 13:29

                It does not seem to import the dropshadows and fx even though they are contained in the svg. Its very close to being able to import as wysiwyg.

                6a3e7f5b-e09d-4463-abc6-1b241e86413f-image.png

                https://lalalandaudio.com/

                https://lalalandsynth.com/

                https://www.facebook.com/lalalandsynth

                https://www.facebook.com/lalalandsynth

                1 Reply Last reply Reply Quote 0
                • U
                  ustk @lalalandsynth
                  last edited by ustk 1 Feb 2023, 14:21 2 Jan 2023, 14:20

                  @lalalandsynth An invisible slider is still the best in this case. You could make your own from panels thus have only one component, but it's quite some code to write. Though for buttons it's easier to just use a panel than invisible button + panel

                  But, is that not possible to use a custom LAF?

                  Can't help pressing F5 in the forum...

                  1 Reply Last reply Reply Quote 0
                  • U
                    ulrik @lalalandsynth
                    last edited by ulrik 1 Feb 2023, 16:25 2 Jan 2023, 16:08

                    @lalalandsynth this 4 instances of the same svg knob in 1 panel
                    It's doable but a bit tricky, the 4 knobs values are stored in the panel and recalled when loaded, however you will need a callback for each knob and I can't figure out how to do that in an easy way, maybe someone can come to rescue?

                    I use normalized values in this snippet but of course you can have whatever values you need.

                    knobspanel.gif

                    HiseSnippet 3159.3ocsXs1jhijckpmA6sJ6M7tN7m7mX6OrA8R2pk3oHFuw15ARBPHDRBIDczwF58SjD5IHuy+Y+OvNETUWTyzy31c3kfnpJy7dx7jm6My5lW9zXCqrr3zV2cuz4DqV28O2V7bTtKgqlWTq4jst6g1hxzcVFEq2B+bhVVlkYq6t66naF+t6+9VW97e8Wv0B0hLrdtqVsji8LrX8N3k+bu7eXoWXHklokj2gard3GlaDGQDGFW.3x20FtUhlQfliEmViYupcq69GlY5kGmJlqkak05tuGO17rnabUzU6k8x7zCsZZfzRDLQW6lJNzrgwM81hv0Kzj+o8bVKvrv+rB7cWUf+s1q7L89b+OqD+tKCz4YD2pG28pWRuu6EzC4V5AeC89BT5tanz2ekR+91hFodI4OORCe9mZOOJ2J0VCH62Rkq115UC9WZSDCrHJG5fVfEUJnwmQzcLL7a6.9wa9gG.JeVdmRszN7ZQVgc9ycdBmiUNQ7gj3HPitu9xnuF.3gafjnk6RpkqAP8Zjw86CEIMdIJQnnhTHKTDOueg8B6yQ6MsKOQtTn2vzJjc9tizKEmQ6vXEu.ZcElMwr96052eyHp57ZxPGVLXehJbnLH9kPlnNwzn9IKQC336GoTsgn2fSvNqiUfEm.ez.h0dQ4ZvhdZgOjUVceSyg6yNwgWgE5ox5M2Mf1cQV+jSwEHSEE7ncBCnJpnBWfSSVMBoNTFgYXkkp1.wSHaVueIpMhrnlZQMWxATbpCvyiGPJYsWEyYUJGJRNBSrSI8RJug6jJE1JapLZ1Qgg5Ko0PmLoVVLw5r6hUaSjTyLYLJ3Y23WMhXYfZ3VVG2Yt3zLPDGiqHcllmgHMP0eFNz7hQFtdvQUDiKGLLxIbZM09HfQwhVAycqIVDHLic85ESGFWwhTse2JS1CT80csyWOemHFkmJlnOEmTx4ApU13KYOJxtIgUVbyZmszijFw3BGOmr9fVlXAQs.CGOQJ6lz59EECWhdVY6Pu0LGENIdXWEN8pHIKiMHainYS3VseEvRHOXE2Dj9wVSk42up+HD43IplalsyUp2Phso3w8m5WRNejx9wUJnPvJhnCwOQlxLTeSYlPAhbPvzzTnvBH3C9qcpkGUHV322mNYkuwFTkZ5fcY0qWLxY0rdSGsnVPKZsX4VfeDVPIeIyYlkXQGl3NoOwNc2Q8ro4ivbivV6W0GclUetSn0Qv1vx763lLPWDPTN5w6v72LAlOSlX6z8nwRKlUDUUhsp5H2J1AxdUb64QgL1qKwcvsJK7Dx9UKX0SNPYVNbwXUx8Q5Qgbq3.pYrydGuLasR1vUzohhCK2saWT7.DbzIXYrmi2gbF8HKwZN4nhh4h9QiVlUCAUhMSLZmBepzj8qmWcT4HckzjiBFDfvnLk0IH7yXP6OZ7dmoviNqnzaLw7MAmJ7NWXFuNs.36mAD9IC8oIKovEBmtPxBUwejKYffpB2Jpk5fvudFiix1LkM8noNNJF1wI7r8DRNupNXrLdtC1bYAEGKVzgz0GDDVygsDB6Hs6.GbFLEq4zZiI6KLn2IkPTxo9SMmsWCwK7LwgyXrGF4DKWuiix0fbBSuEnKKkovMQWHLnbek8P3BLxANQTpIBNQpjPXPPy30YXb88STUnYj7Skr4k1YuS.GGBBhg21dNoKICDETTBDOosVxlgC1TyDmm5vACquzCNPomi.q.Bus7RsMao8ImU3maUWHaSAouf3P4AYXVrAC5kA4bJgxGirvmYL7xcwyUUOUNfGRgH0hgeuA4oMiVVk0yg.heeOa9S3yFyjja3lFatIxzgOjzVBxVWYQzNHny8Ti1gSNPvUXIytiQqQzD3nB4hgCq3qIrDPNaJoGfDQStbukH2dTDxzCCoHIrWsxOjwGCpWR8D4vANY8WVPDpGDNsbdvrQUqvH45krY1jfpDhsR4xBicjU5EEbB2qbpr2rhRxT9IkPNGHSqPMvmOszwaAjC6X+sqymHwL.Z6hSdjUDjqDXfUw0krUFcJWnz9DNdPg3D+Ep3lEVUoE0VmyjmLckoEdMMudVe8MdoKQYlsAodpS.wPrC8XsP3jjmIoprZw9wC2Dxnqa3CsgOHlYUlM5D6jwLhzyNcnlIZZDezI4wnF5ozKV5iw2CxumKhF75Ra2Q6yGsKeBoT+kyBFoHvUJTdlOrumgIcA0FBw4hDl3TLBFyg4NvGHJy45JlEYpYjNGUe7.b1RqYDyRWvLaJhT+siyBS0UCF4COuPfKYSY+baGGUD1cPqYQiVvsAaJCl9FE78ZJ5Pxdqz4nY8Ez3zgpCFUOJhMrexz3vUXXo0jULp8M8oldb.aZDUJBcFIjEXpkJIo05IgTM83bnkKgcqs7GJHjRNeGmrJMJFi5h0RdVgUKGOhujy0WLNSwFRFZ.clyvcSxKj1OCOwRgjTcp27rDtsgkEiBojJFbxMSMg7HwhhDTL5sqcqIGTJ36vuIABb25twyGGKwkKfkbfXh3trwHwhY1i4f5oys3rrL7AyPRKRgSUNlF39jk38TzCK32qiTt0dC0oMVSp83q2Qo5yvviIgojZWOHKEBIc+BagfHXMxPWnIFAaGXNtdgsGk2fREF13sUtXainPUfNXqIDDjAGcDGeHSA91MtIkiRzW4VOdcPdomBzPY6oP0Tx0h8BlLVk8bIKZkO0XZx8pyQPR8YTELVrWaQMU+DRmgPPddX6Nn4ioNmSBZfBMtch+YRD6dCxVcbbecIhdrmIyvfpbNGCGLXkwQ5QT4j4PyKm6SbH3f5gLlj8HATVK2VpjVLy.09vIDrW+COkQR.HO0LPpHe7SftriS6z0CzB9G5304+nyPvu506MOb+EqfRJxb69TlNFoVfD2.o518oDZdykDc7hB8hr5XWDYj6EG0IN5RVPMvRiC6Z7T1QuEjLTXg0ad3+7g68r6zMGj3Vr80N67G.4FEq6aYj+ZvpCr39vXCsvqi9Dcu+dv2eJkuxzPqHmb2mX+82eE2G89zECuh7yLAJyJWtwftWMCrMt+Ge.XhUXl00UGv9r3PKnjTOPdc4oM4Cdk9WM9GA67e0T.aViGk.BsvPcPt5ceoxbQ7tzQis7fbnyEhKxAZY2mzxtNWTqljHaxdL20KqY0XajF73hHyrtMYmdwfrv3bfMZer+md+KzjqCGaaCVEfACG8Ccd+6ue3nNlVNoVVYMa7FK9rT+zxbUhZleGHavaRvBC69Z3S11Ct7oIMW.zuF+Qih5.oa43Ewpc1JsqsFPoavC5NMt4AAcWABpfxiEzL8zhx59YG3ep+D32ck8u4sc9Xy17886z6598O0w6sfs7fO899e5woyLUqpIH8BO.3AXPfeg8Hfz5aZ8t9vWAC9CfYHek74c.B06+CDxJx75l9wHmF+9mc6qhKxr9b.xm86VkfXouNe+0CSW..YD5YDXY14u825bsCfX3r6kMUuoYbA3AWDMfdzI8ylplCSMCb+k02DbnGxKxz5DfQWDH6v33zGgb58MAe.I31PfKhvMnudb+mEj8wex7e4z9Od8b60Sk2PieEXOwqTsHGqt+zks2sxxU19takl2234daG3mBFttbFtMSl4E+2Sb5Yg5kh3WMKg+km+KwH2bcJWbt05ntWBGd3GenyOcHa6u3XOdMSXSj2WX3lpKj9qAraTwAcqzau1twPvSte463a+K+N9aKyfw0aKuwv3n4Qd4qSrh9kJ9PqGuhs4M+OxJfo4Wdw+u8oW72bTpkG3c8+isu92W3aq69WauPbM2Ggu3Oa99oVs1Nu4+a8zzAlYvpkXkl60rQtizpzyv5ZAEtuMoUVPdbxEae718V28a9eawO8bEaT+v4ma38gJOyb2m637Gbs7bbyu0dv8.wUOca.fQ+6suDWk81NLwkVoc9icHAgofaQcZkoUZMOhO0BbIBfhup0OulH+t1qhMKB0xeYIZZpK0iC.72untHM09HJyK+7s0s5+2payWKE+8s48.Oy3KywW8E3Hve92CN9X0t9ssmYaCRL4YB98so182mRa05ZF.Nf6vR8.gRs4JNHFWjZXAV8HP7Uy4MfytA5k1vMsaT.Qv+l4Ri+avmGGDoo8cONHxSC15.3wCw+UiqmmZpm1u4RO.NEcoTh22dUS6NHOcRpcaXH3VG7L89qFFMa+2ANr9kwz+a.yfuALC+FvL5a.y3uALS9Fvf9qhooppXE4wGtdb.zA+rKWjc2cyhz.QVWhBa8+vssccq
                    

                    Hise Develop branch
                    MacOs 15.2, Xcode 16.2
                    http://musikboden.se

                    1 Reply Last reply Reply Quote 1
                    • L
                      lalalandsynth
                      last edited by lalalandsynth 1 Feb 2023, 19:18 2 Jan 2023, 18:11

                      Its a bit hard to figure out what carries over from Illustrator and Figma.
                      Sometimes the colors are not the same etc.
                      Would be helpful to know how to prepare files in Figma/Ai so they look the same in HISE.

                      Seeing that we now have PS style blend modes it would be amazing to have Figma/AI style dropshadows , inner shadows , layer blur and background blur for vectors. Even if not editable, if it would just import those attributes. I figure that would allow a seamless transfer from Figma.

                      One can hope ;)

                      https://lalalandaudio.com/

                      https://lalalandsynth.com/

                      https://www.facebook.com/lalalandsynth

                      https://www.facebook.com/lalalandsynth

                      1 Reply Last reply Reply Quote 0
                      • D
                        DabDab @lalalandsynth
                        last edited by 2 Jan 2023, 18:39

                        @lalalandsynth said in Figma to HISE?:

                        Definitely possible, I will have to dive into this.

                        f078d689-31b5-4fcb-a546-3f64ec5969ea-image.png

                        How can I do different band different color via LAF?

                        Bollywood Music Producer and Trance Producer.

                        L 1 Reply Last reply 2 Jan 2023, 18:50 Reply Quote 0
                        • L
                          lalalandsynth @DabDab
                          last edited by 2 Jan 2023, 18:50

                          @DabDab Dont know , this is just a figma project. Testing an import.

                          https://lalalandaudio.com/

                          https://lalalandsynth.com/

                          https://www.facebook.com/lalalandsynth

                          https://www.facebook.com/lalalandsynth

                          1 Reply Last reply Reply Quote 0
                          • L
                            lalalandsynth
                            last edited by 2 Jan 2023, 19:45

                            Wanted to see if I could do a classic cheat and just move the little green indicator rather then the whole knob graphic, seems to work nicely if you set the export up right.
                            prog.gif

                            https://lalalandaudio.com/

                            https://lalalandsynth.com/

                            https://www.facebook.com/lalalandsynth

                            https://www.facebook.com/lalalandsynth

                            1 Reply Last reply Reply Quote 0
                            19 out of 21
                            • First post
                              Last post

                            50

                            Online

                            1.9k

                            Users

                            10.8k

                            Topics

                            94.2k

                            Posts