Recently I have been using figma alot more. I've been finding it super hard to create stuff in figma and then start creating them again in Illustrator. Imagine the joy on my face when I found out I could just export straight outta figma. Thank you so much!🤟

Boy, this sure makes me want to learn figma now.... Awesome tuts👍👍

Thanks for the tutorial and the plugin.

thanks man. all other tutorials were very confusing to me. But your tutorial was well explanatory and ive got the job done, as this was the first time im using figma because of a motion design project

@MotionUX

7 ай бұрын

Amazing to hear. Glad it was helpful. If there’s anything in your process that you have questions about let me know and maybe it can become a future video’

Bro Really Helpful video and easily understand...... Keep more videos about UI/UX

Very grateful for this! Blessings :D

Great, thank you for this video!

Thanks for this incredible video.Greetings from Argentina.

That was very helpful thank you!!

very helpful!!! thank you so much sir :D

Super - thanks!!

This video is super helpful! Thank you a lot!

@user-tg2sb8wv4j

Жыл бұрын

another why is use "Convertify', but it's too expensive

That was helpful to get me started and show the usefulness of using AEUX in the Figma --> After Effects workflow. It's such a pain to go through and convert everything in Illustrator first before pulling assets into After Effects, so this makes my life a whole lot easier! Now I can save money on not buying Overlord too. Cheers!!

@MotionUX

2 жыл бұрын

🎉 Awesome to hear this was helpful for your workflow!

Thanks for making this, it looks great! Better than exporting to XD and then to AE lol

Thank You Mr Iven Witterborg and friends!

Thank you! The video is so useful and easily understand

@MotionUX

9 ай бұрын

Appreciate it!

Thanks. This is pretty cool pluging. I would pay for it when 1.0 is released. Time saver

Thanks dude!

Thank you so so much

👍 👏 Thanks

great video, what wonderful plugin, good explanation. One question: how i import the animation back to figma?

is the developer tab only available in the paid version of Figma? I can't install the plugin inside figma for some reason.

cuando intento exportar un after me sale un error que dice: failed to connect to AE alguien por favor puede ayudarme

Thankyou for the video! It was super helpful. Could you tell us about your handoff to the developer for the very same animation please?

@MotionUX

Жыл бұрын

Be on the look out for a video covering that soon!

how do i import my complete animation back into figma?

Thanks for the video - very handy. From my initial tests, Am I correct in saying you must flatten text before importing it to AE? I used the Figma plugin to send a frame with standard type to AE, but the text broke and ended up stacking on top of each other. Would be good for text to be imported cleanly....

@MotionUX

3 ай бұрын

Appreciate it! Not necessarily with the text import. There are sometimes minor alignment issues but for the most part should import correctly. Check out this video for more context 3 Advanced Tips for Figma to After Effects using AEUX kzread.info/dash/bejne/fp2Klqmqqbm2c9I.html

I am having issues where AEUX is not bringing in any of the images to AE. Anyone else have this issue?

Beautiful simple explanation. Curious once a stakeholder says awesome! Let’s do this! What’s your process of getting a developer to actually make this real? I mean easing curves alone can be very nuanced. I can’t imagine they just eyeball it?

@MotionUX

Жыл бұрын

Will be creating a video hitting on this soon. Easings are actually pretty simple, just provide your dev / eng partner with bezier values that match their platform.

I always have trouble when following this process, Im not sure if its the way the Figma file layers are organized when they send them to me but I am always missing assets (Specifically images), text shifts position and everything its in bad quality. Does anyone have any suggestions? I tried everything and nothing works, feeling a bit frustrated at this point

@MotionUX

2 жыл бұрын

Yup it's not 100% perfect which is why the reference image feature is helpful. For images not transferring check out my other comment replies for a potential fix

Thank you for the video! It appears that some fonts I export AE defines automaticly, some fonts doesn't. Maybe someone knows how to solve this problem or in what direction to dig?

@kompanetspro2116

Жыл бұрын

did a little dig and the problem has solved

@MotionUX

Жыл бұрын

What ended up being the solution for ya?

thank you for the video, but I am using a certain font in figma, and when I import it into ae all of the fonts get defaulted to times new roman, any fixes?

@MotionUX

Жыл бұрын

Yeah that happens for me all the time as well. Not quite sure of a full fix… but it’s an easy manual change to make within AE to update all type layers. Usually will import everything I don’t need live layers as pngs via AEUX

Thanks fo this, but my design is messed up inside AE. icons and texts move a bit upwards etc. Any thoughts?

@MotionUX

Жыл бұрын

Yeah AEUX isn't perfect all the time. depending on the font used, and layer groupings etc.. some things can shift slightly. Using the "export reference image" in Figma AEUX helps get things back in place.

after making the animation , can this be showcased in the website in an interactive way too ?

@MotionUX

11 ай бұрын

Absolutely. Check out my other video to see one simple way that it’s possible Lottie Interactive Navigation Icons from design to development kzread.info/dash/bejne/mI191bSydbCondI.html

somehow when it ry to add it to AE, it doesnt transfer any rectangel with a Photo, and it comes out with blank, any fix for that?

@MotionUX

2 жыл бұрын

Please check out the other comments I responded to for a potential fix

Cool video but how do you export the animation back into Figma and How do you add it to your code as a frontend developer?

@MotionUX

3 ай бұрын

Great question. If the animation needs to be put back into Figma for some reason then you can do that with a video or gif export and some prototyping linking. Typically the workflow is that you would create a motion spec write up from your animation in after effects. See my video covering that here: Creating Motion Specs for UX Design. kzread.info/dash/bejne/m6tpx656pJrfqto.html

I have a JPG image that doesn't appear on the app screen when I transfer to After Effects. Do you know why that would be?

@MotionUX

9 ай бұрын

Sometimes AEUX can be goofy, buggy. Just group the JPG in Figma and Rasterize that group on import. Something like that should fix it.

When i try to export to AE it says layers must be inside a frame ? Can somebody help with that since I am new to figma and putting a rectangle with my assets and grouping does not work..

@MotionUX

Жыл бұрын

Just right click the group of layer and click “frame” and then do the export.

when i try to export an after i get an error saying: failed to connect to AE can someone please help me

@MotionUX

Жыл бұрын

This happens from time to time with odd updates or things getting glitchy. Best fix is to remove and reinstall AEUX for AE using ZXP installer. And / or resetting AEUX AE plug-in preferences via ZXP Installer And always make sure you’re running the latest plug-in on Figma and AEUX.

@angiehernandez9808

Жыл бұрын

@@MotionUX I already know what was going on. When exporting figma windows with AEUX, After Effects must be open, otherwise it will tell us that we have a connection error and will not let us export the windows ♥ gracias por tu respuesta

The colours become less saturated after importing to Ae. Any help please?

@MotionUX

2 жыл бұрын

This can be for a variety of reasons. - color space in AE is different than figma - monitor color space is different than AE - compression when exporting images could change things slightly I would test this by exporting videos from AE and comparing on multiple screens / devices to get an understanding of how much the color is being effected

@willsummers648

Жыл бұрын

@@MotionUX Do you have any insight on how to match the color spaces between AE and figma. I can't find a lot of information on what figma is doing internally. It seems like it uses an sRGB color space. AE has a lot of options about how to set and control color, but I can't get the colors to match between the two programs.

@ivanwitteborg6648

Жыл бұрын

​@@willsummers648 Yeah it is most likely due to the color space within AE / Figma. As well when you export the compression will also alter the colors slightly. However in my experience the color differences are negligible for 99% of use cases. Not really a solution but I don't tend to worry about it. Specifically in the UX Motion world the video you produce from AE Is never directly used in an app or website (with the exception of Lottie, which this issue isn't present) With that in mind, the assets you create are usually a reference for a developer / engineer to build on their end in code. At that point its a combo of referencing a motion mock and a static design to ensure all pieces are correct. Hope that helps.

I followed every instruction, yet It won't do anything... I click on 'send selection to AE' and After effects window will pop-up but nothing else... what could I be doing wrong? thanks for the tutorial anyways!

@MotionUX

2 жыл бұрын

Are you getting any error message? Make sure AEUX is the most up to date on AE and Figma. And that you're running the latest version of AE In the AE plugin make sure you've set a save path for your image assets. Hope that helps!

@galejandro2003

2 жыл бұрын

@@MotionUX I have both the latest versions. I don't get any error, after effects simply pops up, as if it's going to import the figma material, but nothing happens, no error code, nada. It worked before, a few months ago, though it never imported the images or the proper font for the texts. And yes, I made sure I've set a save path. Thanks so much for your reply and help anyways!

@ZoubieHD

2 жыл бұрын

​@@galejandro2003 the same... have you a resolve this problem ? thanks bro

@MotionUX

2 жыл бұрын

Are you on Mac or windows?

@galejandro2003

2 жыл бұрын

@@MotionUX windows

I'm having trouble with the download to even begin... I cant even see "Development" from right click>plugins>(doesnt say development).... Thanks for the video anyways, wish I could just get past this part

@mariafryer9623

Жыл бұрын

I'm silly... You can only see development if Figma is on desktop.. not on brower oops!

@MotionUX

Жыл бұрын

Yup! Glad you figured that out.

cannot access aeux io website, does anyone else have the same problem?

@MotionUX

5 ай бұрын

Ahh I’m seeing that issue on my end as well. Try googling “AEUX after effects GitHub” And you should be able to download it from a repo that way. Not sure if it’s the most up to date but worth a try.

@asemutekeshova2297

5 ай бұрын

@@MotionUX will do, thank you!)

Guys, Am I only have the problem with exporting png images from figma to ae with AEUX? If somebody know the solution, share please)

@lubomyrtlustyk5768

2 жыл бұрын

The latest ae update, the latest aeux update. The images just export to ae as an empty placeholders after clicking on send selection to ae

@MotionUX

2 жыл бұрын

Not able to replicate on my end. I'd try troubleshooting with a new basic figma file and see what you can figure out from there. 🙏 Hope you're able to resolve it!

@lubomyrtlustyk5768

2 жыл бұрын

@@MotionUX thanks, hope it too

@lucilaconen2194

2 жыл бұрын

Same thing happens to me. I dont have a solution but if you found one please let me know :)

@lubomyrtlustyk5768

2 жыл бұрын

@@lucilaconen2194 yes, my art director told me, it's because of the weak internet connection. Just get a better provider.

I dont know why my ae is not doing that... i am wasted hours and hours. not getting this shit imported.

@MotionUX

5 ай бұрын

It can totally be finicky sometimes. Make sure the basics are covered, everything is up to date, try reinstalling plugins in Figma and After Effects. If that doesn't cut it, it might be something in the specific figma frame, create a new frame with just a basic shape and see if it imports. If that's successful then start breaking apart your design until you figure out what the problem is or just pull out what you need and rasterize everything else.

Why do my anchor points shift in after effects when exporting from Figma?

@MotionUX

9 ай бұрын

It sometimes happens. Just weird stuff during the import process. I usually use an anchor point repositioning plugin in after effects and fix all of that as I start animating.