Тёмный
Hypermatic Figma Tutorials
Hypermatic Figma Tutorials
Hypermatic Figma Tutorials
Подписаться
Step-by-step tutorials for our Figma Plugins at www.figma.com/@hypermatic
Hypermatic Figma Plugins (60 Second Overview)
1:09
7 месяцев назад
Комментарии
@yuisthinking
@yuisthinking 16 дней назад
really helpful! thank you <3
@hypermatic_tutorials
@hypermatic_tutorials 16 дней назад
Thanks for the feedback, glad it helped!
@budakorporat101
@budakorporat101 20 дней назад
great tutorial 👍🏻 thank u
@hypermatic_tutorials
@hypermatic_tutorials 20 дней назад
You're very welcome!
@NaliStudio1
@NaliStudio1 Месяц назад
thank you so much <3
@hypermatic_tutorials
@hypermatic_tutorials Месяц назад
You're welcome!
@giannamaria2886
@giannamaria2886 2 месяца назад
Dude, I'm from Brazil, and your video saved me! Thank you SO MUCH!! 🙏🙏👏
@hypermatic_tutorials
@hypermatic_tutorials 2 месяца назад
That's awesome to hear, and thanks for the comment!
@k3nphr3n12
@k3nphr3n12 2 месяца назад
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 2 месяца назад
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 2 месяца назад
Brilliant 👍👍👍
@hypermatic_tutorials
@hypermatic_tutorials 2 месяца назад
Thanks for the feedback!
@bettiannucci
@bettiannucci 2 месяца назад
thank you! well done and clear.
@hypermatic_tutorials
@hypermatic_tutorials 2 месяца назад
Glad it helped!
@1976vany
@1976vany 2 месяца назад
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_tutorials 2 месяца назад
Awesome, glad it helped!
@adityagangannavar3945
@adityagangannavar3945 2 месяца назад
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_tutorials 2 месяца назад
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
@arminealeksanyan2778 3 месяца назад
Super helful
@hypermatic_tutorials
@hypermatic_tutorials 3 месяца назад
Glad it helped!
@shreyasen4018
@shreyasen4018 3 месяца назад
You are a saviour, I had a university project and followed your tutorial!
@hypermatic_tutorials
@hypermatic_tutorials 3 месяца назад
Awesome, glad it helped!
@shreyasen4018
@shreyasen4018 3 месяца назад
@@hypermatic_tutorials help and much more!
@zainabnp
@zainabnp 3 месяца назад
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_tutorials 3 месяца назад
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
@zainabnp 3 месяца назад
​@@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_tutorials 3 месяца назад
@@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
@jaslina6113 4 месяца назад
Not so good for me, as the fonts and layout changed. Any tips?
@hypermatic_tutorials
@hypermatic_tutorials 4 месяца назад
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
@jaslina6113 4 месяца назад
@@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_tutorials 4 месяца назад
@@jaslina6113 All good, please feel free to get in touch via email at hypermatic.com/contact, glad to help!
@Utfhi-oo1whhb
@Utfhi-oo1whhb 4 месяца назад
Do you know!? You are the best thanks a lot ❤❤❤❤
@hypermatic_tutorials
@hypermatic_tutorials 4 месяца назад
You're welcome, thanks for the feedback!
@KingofBeepers
@KingofBeepers 5 месяцев назад
Now if you could only edit the PPT.
@hypermatic_tutorials
@hypermatic_tutorials 5 месяцев назад
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
@samueladekoya4410 5 месяцев назад
Thank You! Very helpful.
@hypermatic_tutorials
@hypermatic_tutorials 5 месяцев назад
You're welcome, thanks for the feedback!
@zalirah
@zalirah 5 месяцев назад
Thank you so much for taking the time to explain the features! This was really helpful
@hypermatic_tutorials
@hypermatic_tutorials 5 месяцев назад
You're welcome, glad it helped!
@statelycompany
@statelycompany 5 месяцев назад
When i upload the code to zoho the images are all missing...
@hypermatic_tutorials
@hypermatic_tutorials 5 месяцев назад
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!
@statelycompany
@statelycompany 5 месяцев назад
im dumb. thanks so much that worked@@hypermatic_tutorials
@kendrafree7337
@kendrafree7337 6 месяцев назад
Hey, thanks for this tutorial. Was wondering which code editor you are using?
@hypermatic_tutorials
@hypermatic_tutorials 6 месяцев назад
No worries! The code editor is called VSCode - code.visualstudio.com/
@joestarlord5208
@joestarlord5208 6 месяцев назад
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
@jjthoughts9920 6 месяцев назад
this feature doesn't looks to be free after 10 uses
@hypermatic_tutorials
@hypermatic_tutorials 6 месяцев назад
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
@iconictemplates 6 месяцев назад
Awesome Figma plugin. We're going to give this a try.
@hypermatic_tutorials
@hypermatic_tutorials 6 месяцев назад
Great to hear, hope it helps!
@LukeSimshauser
@LukeSimshauser 6 месяцев назад
This is incredible work!
@hypermatic_tutorials
@hypermatic_tutorials 6 месяцев назад
Thanks for the feedback!
@Ross_Shevchenko
@Ross_Shevchenko 6 месяцев назад
It doesn't detect some of the images
@hypermatic_tutorials
@hypermatic_tutorials 6 месяцев назад
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
@streemsofwater
@streemsofwater 6 месяцев назад
Can I export Zeplin annotations/comments?
@hypermatic_tutorials
@hypermatic_tutorials 6 месяцев назад
Hey there, the plugin doesn't have any integrations with Zeplin, sorry!
@JoyEnergiser
@JoyEnergiser 7 месяцев назад
when I export to html all im getting is an image, not real html code
@hypermatic_tutorials
@hypermatic_tutorials 7 месяцев назад
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
@stasonnl777 7 месяцев назад
This plugin doesn't have option to save in canvas anymore
@hypermatic_tutorials
@hypermatic_tutorials 7 месяцев назад
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
@menefnebiyev3423 8 месяцев назад
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_tutorials 8 месяцев назад
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
@DannOliveiraX 8 месяцев назад
brazil
@MrMyers1489
@MrMyers1489 8 месяцев назад
Thanks for this amazing tutorial! How do I find the dimensions of all the frames used in this tutorial?
@MrMyers1489
@MrMyers1489 8 месяцев назад
Just got to the section of the video named “Creating New Frames”. Thank you!
@hypermatic_tutorials
@hypermatic_tutorials 8 месяцев назад
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
@jakobo5521 8 месяцев назад
That was the great one! Thanks a lot!
@hypermatic_tutorials
@hypermatic_tutorials 8 месяцев назад
Glad it helped!
@MrMyers1489
@MrMyers1489 9 месяцев назад
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_tutorials 9 месяцев назад
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
@MrMyers1489 9 месяцев назад
@@hypermatic_tutorials Thank you so much! Just accidentally discovered this a few minutes ago. Took a few free credits thought 😅
@hypermatic_tutorials
@hypermatic_tutorials 9 месяцев назад
@@MrMyers1489 Awesome, no worries! Feel free to reach out at hypermatic.com/contact if you need a hand with anything else
@TuFacez
@TuFacez 9 месяцев назад
Amazing tutorial. Thank you so much! I have subscribed and liked, including checking out your other plug-ins. Incredible work!
@hypermatic_tutorials
@hypermatic_tutorials 9 месяцев назад
That's awesome to hear, thanks for the feedback and support!
@PacNapster
@PacNapster 9 месяцев назад
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_tutorials 9 месяцев назад
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
@RalphOpinion 10 месяцев назад
I don't see the community button even on the desktop version
@hypermatic_tutorials
@hypermatic_tutorials 10 месяцев назад
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
@RalphOpinion 9 месяцев назад
I saw the globe button community but this app is not available
@hypermatic_tutorials
@hypermatic_tutorials 9 месяцев назад
@@RalphOpinion All good, you can access the plugin page directly via this link, too: www.figma.com/community/plugin/900893606648879767/copydoc-text-kit
@RalphOpinion
@RalphOpinion 9 месяцев назад
Got it. Figma is easier than unreal! @@hypermatic_tutorials
@jorisvanimhoff9722
@jorisvanimhoff9722 10 месяцев назад
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_tutorials 10 месяцев назад
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-pp4pk 10 месяцев назад
Thanks man, very useful information!
@hypermatic_tutorials
@hypermatic_tutorials 10 месяцев назад
No worries, glad it helped!
@yakupdurmus3008
@yakupdurmus3008 10 месяцев назад
I am looking for native mobile side. Do you have any tool for native mobile app?
@hypermatic_tutorials
@hypermatic_tutorials 10 месяцев назад
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
@machoo1001 10 месяцев назад
I bought a pro key but I get network error when trying to activate it. I'm not even in China.
@hypermatic_tutorials
@hypermatic_tutorials 10 месяцев назад
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_Art 10 месяцев назад
Thank you so much 😻 your video is so well explained
@hypermatic_tutorials
@hypermatic_tutorials 10 месяцев назад
You're welcome, glad it helped!
@gabrieldiamondstandard
@gabrieldiamondstandard 10 месяцев назад
Saved me hours, thanks!
@hypermatic_tutorials
@hypermatic_tutorials 10 месяцев назад
Nice one, that's awesome to hear!
@emanuelebignone7044
@emanuelebignone7044 11 месяцев назад
When you export to PPT, does it keep separate objects, shapes, text, gradients, shadows, fonts etc?
@hypermatic_tutorials
@hypermatic_tutorials 11 месяцев назад
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
@jenniferwassel6427 11 месяцев назад
Can you use the HTML to create modules in Hubspot?
@hypermatic_tutorials
@hypermatic_tutorials 11 месяцев назад
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-zl3yp 11 месяцев назад
I just tried it but I am facing errors.
@hypermatic_tutorials
@hypermatic_tutorials 11 месяцев назад
Hey there, glad to help! Feel free to reach out at hypermatic.com/contact
@Braamswart1
@Braamswart1 11 месяцев назад
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_tutorials 11 месяцев назад
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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ta9IvkSXaG4.html)
@Braamswart1
@Braamswart1 11 месяцев назад
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 Год назад
все охенно, но я ни слова не понял, как будто не по русски говорит
@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!