Hypermatic Figma Tutorials

Hypermatic Figma Tutorials

Step-by-step tutorials for our Figma Plugins at www.figma.com/@hypermatic

Пікірлер

  • @budakorporat101
    @budakorporat101Күн бұрын

    great tutorial 👍🏻 thank u

  • @hypermatic_tutorials
    @hypermatic_tutorialsКүн бұрын

    You're very welcome!

  • @NaliStudio1
    @NaliStudio111 күн бұрын

    thank you so much <3

  • @hypermatic_tutorials
    @hypermatic_tutorials11 күн бұрын

    You're welcome!

  • @giannamaria2886
    @giannamaria2886Ай бұрын

    Dude, I'm from Brazil, and your video saved me! Thank you SO MUCH!! 🙏🙏👏

  • @hypermatic_tutorials
    @hypermatic_tutorialsАй бұрын

    That's awesome to hear, and thanks for the comment!

  • @k3nphr3n12
    @k3nphr3n12Ай бұрын

    Hello, very interesting functionality. I have a problem though. In the draft mode, I created my own email with the tools you provide (rectangles, texts, etc.) and I add picture by draging it from my computer into the page. Everything seemed to be working but once I finished, I check it with the preview and all my work was turn into an image. Nothing was clickable, neither the writings. I don't understand how to turn what I did into an mail without using the canvas... Please help me! 🙇

  • @hypermatic_tutorials
    @hypermatic_tutorialsАй бұрын

    Hey there, no worries! It sounds like you may have accidentally put some layers inside nested Figma groups/frames, which will automatically convert those into static fallback images (eg, docs.hypermatic.com/emailify/design/fallback-images ); to keep the content as rich text/HTML, you'll need to use the design tools provided by the plugin, and then ensure any new text layers are added directly inside of a "Column" layer, and that will keep them as editable. Feel free to reach out via email at www.hypermatic.com/contact/ if you need a hand!

  • @shawnastrom
    @shawnastromАй бұрын

    Brilliant 👍👍👍

  • @hypermatic_tutorials
    @hypermatic_tutorialsАй бұрын

    Thanks for the feedback!

  • @bettiannucci
    @bettiannucciАй бұрын

    thank you! well done and clear.

  • @hypermatic_tutorials
    @hypermatic_tutorialsАй бұрын

    Glad it helped!

  • @1976vany
    @1976vany2 ай бұрын

    I would like to thank you for this video. I'm in Brazil and I looked a lot for how to take my work from Figma to Power Point in an editable way, and I only managed to find it through your video. It is very well explained, detailed and helped me a lot. Thank you very much!

  • @hypermatic_tutorials
    @hypermatic_tutorials2 ай бұрын

    Awesome, glad it helped!

  • @adityagangannavar3945
    @adityagangannavar39452 ай бұрын

    Hey there, Thanks for this informational video. I have created an email using emailify free version, I’m not able to export it even though I still have 10 free exports left . Can you please help me?

  • @hypermatic_tutorials
    @hypermatic_tutorials2 ай бұрын

    Hey there, no worries! Feel free to get in touch via email at www.hypermatic.com/contact/ - glad to help see what the issue might be there

  • @arminealeksanyan2778
    @arminealeksanyan27782 ай бұрын

    Super helful

  • @hypermatic_tutorials
    @hypermatic_tutorials2 ай бұрын

    Glad it helped!

  • @shreyasen4018
    @shreyasen40183 ай бұрын

    You are a saviour, I had a university project and followed your tutorial!

  • @hypermatic_tutorials
    @hypermatic_tutorials3 ай бұрын

    Awesome, glad it helped!

  • @shreyasen4018
    @shreyasen40183 ай бұрын

    @@hypermatic_tutorials help and much more!

  • @zainabnp
    @zainabnp3 ай бұрын

    Hi there, great product! I have a concern: I duplicated an Animated Presentation template built using Pitchdeck from the internet in Figma, however upon opening it as my Figma file -> when I click on the integrated Pitchdeck plugin, I can't seem to see the animation settings and how they are built. Everything is reset to "No Animation" even though the File preview works correctly with the original animations. This makes it impossible for me to study how the animation is built or to tweak it from the template version. Is this normal? Or I am missing something?

  • @hypermatic_tutorials
    @hypermatic_tutorials3 ай бұрын

    Hey there, unfortunately, native Figma Prototype animations aren't supported by the plugin, so you'll need to apply any animations to your slide layers directly via the Pitchdeck plugin interface. Hope that helps!

  • @zainabnp
    @zainabnp3 ай бұрын

    ​@@hypermatic_tutorials So are you saying that each animation needs to be done from scratch, and that we can not use templates (which are also animated using Pitchdesk in Figma by somebody)?

  • @hypermatic_tutorials
    @hypermatic_tutorials3 ай бұрын

    @@zainabnp All good, sorry for any confusion there; if the Pitchdeck slides and layers were already animated using the plugin, then those should automatically load up in the plugin when the Figma file is duplicated. But if the animations were creating using Figma's Prototyping tools, those won't show up in the plugin. Feel free to get in touch via hypermatic.com/contact if you need a hand

  • @jaslina6113
    @jaslina61133 ай бұрын

    Not so good for me, as the fonts and layout changed. Any tips?

  • @hypermatic_tutorials
    @hypermatic_tutorials3 ай бұрын

    Hey there! You'll just need to make sure that the same fonts are installed on the computer you're opening the .docx file with, and also make sure the .docx file is being opened in the Microsoft Word desktop app (as sadly Google Docs or Office 365 web don't support the features to position the text layers)

  • @jaslina6113
    @jaslina61133 ай бұрын

    @@hypermatic_tutorials Thank you, but still don't work for me. I have tried change my font to Arial on the first attempt and 2nd Helvetica. I might be missing something....

  • @hypermatic_tutorials
    @hypermatic_tutorials3 ай бұрын

    @@jaslina6113 All good, please feel free to get in touch via email at hypermatic.com/contact, glad to help!

  • @Utfhi-oo1whhb
    @Utfhi-oo1whhb4 ай бұрын

    Do you know!? You are the best thanks a lot ❤❤❤❤

  • @hypermatic_tutorials
    @hypermatic_tutorials4 ай бұрын

    You're welcome, thanks for the feedback!

  • @KingofBeepers
    @KingofBeepers4 ай бұрын

    Now if you could only edit the PPT.

  • @hypermatic_tutorials
    @hypermatic_tutorials4 ай бұрын

    Hey there! Just confirming that you can edit the PPTX files with the latest version of the plugin (which has been updated since this video was recorded)

  • @samueladekoya4410
    @samueladekoya44104 ай бұрын

    Thank You! Very helpful.

  • @hypermatic_tutorials
    @hypermatic_tutorials4 ай бұрын

    You're welcome, thanks for the feedback!

  • @zalirah
    @zalirah4 ай бұрын

    Thank you so much for taking the time to explain the features! This was really helpful

  • @hypermatic_tutorials
    @hypermatic_tutorials4 ай бұрын

    You're welcome, glad it helped!

  • @stately7839
    @stately78394 ай бұрын

    When i upload the code to zoho the images are all missing...

  • @hypermatic_tutorials
    @hypermatic_tutorials4 ай бұрын

    Hey there, just double-checking that you've enabled the "Upload Hosted Image URLs" toggle before exporting the HTML (docs.hypermatic.com/emailify/export/images), as this will automatically host the images if you don't want to manually upload them. Hope that helps!

  • @stately7839
    @stately78394 ай бұрын

    im dumb. thanks so much that worked@@hypermatic_tutorials

  • @kendrafree7337
    @kendrafree73375 ай бұрын

    Hey, thanks for this tutorial. Was wondering which code editor you are using?

  • @hypermatic_tutorials
    @hypermatic_tutorials5 ай бұрын

    No worries! The code editor is called VSCode - code.visualstudio.com/

  • @joestarlord5208
    @joestarlord52085 ай бұрын

    CopyDox is a waste of time. Ive spent hours trying to take a word template. It never opens showing the design. Only shows txt. No matter what Word format you export in. Believe me. Ive tried Microsoft online and Desktop. Exported about 20+ times. TOTAL WASTE OF TIME and money

  • @jjthoughts9920
    @jjthoughts99205 ай бұрын

    this feature doesn't looks to be free after 10 uses

  • @hypermatic_tutorials
    @hypermatic_tutorials5 ай бұрын

    Hey there! That's correct, there are 10 free Pro trials included, and then you can optionally upgrade to Pro to continue having unlimited exports and access to all of the other features in the plugin, too

  • @iconictemplates
    @iconictemplates5 ай бұрын

    Awesome Figma plugin. We're going to give this a try.

  • @hypermatic_tutorials
    @hypermatic_tutorials5 ай бұрын

    Great to hear, hope it helps!

  • @LukeSimshauser
    @LukeSimshauser5 ай бұрын

    This is incredible work!

  • @hypermatic_tutorials
    @hypermatic_tutorials5 ай бұрын

    Thanks for the feedback!

  • @Ross_Shevchenko
    @Ross_Shevchenko5 ай бұрын

    It doesn't detect some of the images

  • @hypermatic_tutorials
    @hypermatic_tutorials5 ай бұрын

    Hey Ross, thanks for reaching out! As long as the layer(s) have an SVG export setting that should get picked up by the plugin; feel free to send an email via hypermatic.com/contact if you're still having any issues

  • @jinskim7615
    @jinskim76156 ай бұрын

    Can I export Zeplin annotations/comments?

  • @hypermatic_tutorials
    @hypermatic_tutorials6 ай бұрын

    Hey there, the plugin doesn't have any integrations with Zeplin, sorry!

  • @JoyEnergiser
    @JoyEnergiser6 ай бұрын

    when I export to html all im getting is an image, not real html code

  • @hypermatic_tutorials
    @hypermatic_tutorials6 ай бұрын

    Hey there, thanks for the comment! No worries, this usually happens if any layers in your Emailify frame were designed in Figma outside of the plugin. Unfortunately, Emailify can't convert email designs that weren't created using the plugin's design features (as shown in the video above). Please feel free to get in touch at hypermatic.com/contact if you need a hand with anything!

  • @stasonnl777
    @stasonnl7776 ай бұрын

    This plugin doesn't have option to save in canvas anymore

  • @hypermatic_tutorials
    @hypermatic_tutorials6 ай бұрын

    Hey there, sorry for any issues there! Unfortuantely, the <canvas> export option has been deprecated due to some technical limitations, but you can still export to HTML or GSAP (Greensock) instead. Feel free to reach out via hypermatic.com/contact if you need a hand with anything!

  • @menefnebiyev3423
    @menefnebiyev34237 ай бұрын

    Thanks, great tutorial👍🏻 Can I do this in book cover design? I am calling out to other friends, if you have any information, I would appreciate it if you could share it.🤓

  • @hypermatic_tutorials
    @hypermatic_tutorials7 ай бұрын

    Hey, thanks for the feedback! For sure, you could use this to export a book cover design for print; you'll just need to ensure the Figma frame is the correct size, and then export the PDF at 300dpi in CMKY

  • @DannOliveiraX
    @DannOliveiraX7 ай бұрын

    brazil

  • @MrMyers1489
    @MrMyers14898 ай бұрын

    Thanks for this amazing tutorial! How do I find the dimensions of all the frames used in this tutorial?

  • @MrMyers1489
    @MrMyers14898 ай бұрын

    Just got to the section of the video named “Creating New Frames”. Thank you!

  • @hypermatic_tutorials
    @hypermatic_tutorials8 ай бұрын

    Glad you liked it! If you run Bannerify on a new/blank Figma file, it will automatically help you create all those preset-sized frames when you first run the plugin. Hope that helps!

  • @jakobo5521
    @jakobo55218 ай бұрын

    That was the great one! Thanks a lot!

  • @hypermatic_tutorials
    @hypermatic_tutorials8 ай бұрын

    Glad it helped!

  • @MrMyers1489
    @MrMyers14898 ай бұрын

    I am having a issue viewing any image in my HTML export. When previewing they appear perfectly fine. I am exporting as HTML Email. I’m a missing something?

  • @hypermatic_tutorials
    @hypermatic_tutorials8 ай бұрын

    Hey there, all good, thanks for the question! if you're ready to send out the HTML (via an email marketing platform), you'll need to make sure that the images are hosted online somewhere; either by enabling the "Hosted Images" toggle in the Emailify export settings, or hosting the exported images yourself and setting the base URL for your email to your own hosted image path online: docs.hypermatic.com/emailify/usage.html#setting-a-custom-base-image-url-for-an-email

  • @MrMyers1489
    @MrMyers14898 ай бұрын

    @@hypermatic_tutorials Thank you so much! Just accidentally discovered this a few minutes ago. Took a few free credits thought 😅

  • @hypermatic_tutorials
    @hypermatic_tutorials8 ай бұрын

    @@MrMyers1489 Awesome, no worries! Feel free to reach out at hypermatic.com/contact if you need a hand with anything else

  • @TuFacez
    @TuFacez8 ай бұрын

    Amazing tutorial. Thank you so much! I have subscribed and liked, including checking out your other plug-ins. Incredible work!

  • @hypermatic_tutorials
    @hypermatic_tutorials8 ай бұрын

    That's awesome to hear, thanks for the feedback and support!

  • @PacNapster
    @PacNapster9 ай бұрын

    Any idea how to stop strokes from scaling when seen in different screen sizes? This keeps happening and can't find a fix for it. Thanks a lot for sharing.

  • @hypermatic_tutorials
    @hypermatic_tutorials9 ай бұрын

    Hey there, any borders (eg. around "column", "row" or "button" layers) should be staying the same width across different screen sizes (as long as they're not part of an image), but feel free to reach out via email at hypermatic.com/contact if you need a hand!

  • @RalphOpinion
    @RalphOpinion9 ай бұрын

    I don't see the community button even on the desktop version

  • @hypermatic_tutorials
    @hypermatic_tutorials9 ай бұрын

    Hey there, Figma has moved this since the video was recorded; it should now be in the bottom left of your desktop app home screen, or the little "Globe" icon next to the "Home" icon; or you can click the "Resources" icon inside your Figma file's toolbar at the top.

  • @RalphOpinion
    @RalphOpinion9 ай бұрын

    I saw the globe button community but this app is not available

  • @hypermatic_tutorials
    @hypermatic_tutorials9 ай бұрын

    @@RalphOpinion All good, you can access the plugin page directly via this link, too: www.figma.com/community/plugin/900893606648879767/copydoc-text-kit

  • @RalphOpinion
    @RalphOpinion9 ай бұрын

    Got it. Figma is easier than unreal! @@hypermatic_tutorials

  • @jorisvanimhoff9722
    @jorisvanimhoff97229 ай бұрын

    idunno its prety inaccurate - i want a version which i can carry over to google docs - it doesnt look anything like it to be honest

  • @hypermatic_tutorials
    @hypermatic_tutorials9 ай бұрын

    Hey there, sorry for any confusion! This feature only works for the Microsoft Word desktop app; the plugin does have another export option for Google Docs, but it only exports the content without any extra images or formatting (as it doesn't support those, sadly)

  • @Jay-pp4pk
    @Jay-pp4pk9 ай бұрын

    Thanks man, very useful information!

  • @hypermatic_tutorials
    @hypermatic_tutorials9 ай бұрын

    No worries, glad it helped!

  • @yakupdurmus3008
    @yakupdurmus30089 ай бұрын

    I am looking for native mobile side. Do you have any tool for native mobile app?

  • @hypermatic_tutorials
    @hypermatic_tutorials9 ай бұрын

    Hey there, sorry about that! Pixelay only supports web apps, so if you need to test mobile apps, another tool might able to help with that

  • @machoo1001
    @machoo10019 ай бұрын

    I bought a pro key but I get network error when trying to activate it. I'm not even in China.

  • @hypermatic_tutorials
    @hypermatic_tutorials9 ай бұрын

    Apologies for any issues there! If you re-open your Figma file and re-run the Figma plugin, that should work as expected again now. Feel free to reach out directly via email at hypermatic.com/contact if you still have any issues, glad to help!

  • @Nsreen_Art
    @Nsreen_Art9 ай бұрын

    Thank you so much 😻 your video is so well explained

  • @hypermatic_tutorials
    @hypermatic_tutorials9 ай бұрын

    You're welcome, glad it helped!

  • @gabrieldiamondstandard
    @gabrieldiamondstandard10 ай бұрын

    Saved me hours, thanks!

  • @hypermatic_tutorials
    @hypermatic_tutorials10 ай бұрын

    Nice one, that's awesome to hear!

  • @emanuelebignone7044
    @emanuelebignone704410 ай бұрын

    When you export to PPT, does it keep separate objects, shapes, text, gradients, shadows, fonts etc?

  • @hypermatic_tutorials
    @hypermatic_tutorials10 ай бұрын

    Hey there! It will keep all of the text layers separate and editable, and then also keep any direct "child" layers inside your frame as their own individual image layers, too.

  • @jenniferwassel6427
    @jenniferwassel642710 ай бұрын

    Can you use the HTML to create modules in Hubspot?

  • @hypermatic_tutorials
    @hypermatic_tutorials10 ай бұрын

    Hey Jennifer! Thanks for the great question; the Hubspot API sadly doesn't support creating modules, but it is possible to upload the HTML to Hubspot: docs.hypermatic.com/emailify/usage.html#uploading-your-emails-to-hubspot Feel free to reach out at hypermatic.com/contact if you need a hand with anything!

  • @RohitSharma-zl3yp
    @RohitSharma-zl3yp11 ай бұрын

    I just tried it but I am facing errors.

  • @hypermatic_tutorials
    @hypermatic_tutorials11 ай бұрын

    Hey there, glad to help! Feel free to reach out at hypermatic.com/contact

  • @Braamswart1
    @Braamswart111 ай бұрын

    Love the channel! Can comments be linked to specific elements in a frame's content hierarchy? Specifically like CopyDoc's text export does with FrameNode IDs

  • @hypermatic_tutorials
    @hypermatic_tutorials11 ай бұрын

    Hey, thanks so much! Good question, the Figma comment nodes are a bit weird, unfortunately, so it's kind of up to what Figma decides to apply to it. We do have another plugin called Commentful which has its own comment system that allows you to gather feedback on specific nodes, but this doesn't tie into the native Figma comments (tutorial for that one is here: kzread.info/dash/bejne/ppVtq9ikg7vHd5c.html)

  • @Braamswart1
    @Braamswart111 ай бұрын

    Thanks! @@hypermatic_tutorials

  • @cardenitas1000
    @cardenitas1000 Жыл бұрын

    What about the interactions you add on prototype mode? Are those respected once you convert to XD?

  • @hypermatic_tutorials
    @hypermatic_tutorials Жыл бұрын

    Hey there! Great question, the prototype interactions that Figma and XD both support should automatically get carried over when you export the .xd file from Figma

  • @annalencarp.dsg.
    @annalencarp.dsg. Жыл бұрын

    Me ajudou muito!!!! Obrigada ❤

  • @hypermatic_tutorials
    @hypermatic_tutorials Жыл бұрын

    Glad it helped!

  • @user-ex3hb2vp4h
    @user-ex3hb2vp4h Жыл бұрын

    все охенно, но я ни слова не понял, как будто не по русски говорит

  • @jennasalmers4796
    @jennasalmers4796 Жыл бұрын

    When I upload to slides it changes the font.. is there anyway to do this using a custom font that will show up as editable text in google slides?

  • @hypermatic_tutorials
    @hypermatic_tutorials Жыл бұрын

    Hey Jenna, thanks for the great question! Google Slides, unfortunately, doesn't support custom fonts, besides just its own collection of Google Fonts (also available in Figma), so if you're able to find a similar Google Font, that should maintain the typeface, but otherwise editable text with custom 3rd party fonts will only be useful for opening in the PowerPoint or Keynote apps

  • @jennasalmers4796
    @jennasalmers4796 Жыл бұрын

    @@hypermatic_tutorials Thanks so much! Hopefully they can change that in the future.

  • @NickQuinn1986
    @NickQuinn1986 Жыл бұрын

    Great tutorial. Really helpful!! I. guess when you import it you have to create Master slides and type styles in keynote? (if you want to)

  • @hypermatic_tutorials
    @hypermatic_tutorials Жыл бұрын

    Glad it helped! That's right, there won't be any master slide created automatically, but you can do that after opening it in Keynote, if needed

  • @urdesign6990
    @urdesign6990 Жыл бұрын

    Detailed video. like the way you explain.

  • @hypermatic_tutorials
    @hypermatic_tutorials Жыл бұрын

    Thank you!