Web Designers Have Choices with Front End Design

If you have been doing web design and front-end development for a while, there is a good change you have heard a colleague say "anything that is worth doing well is worth overdoing." This is a mantra of web designers who are perfectionists, and they are the kind of professionals who will render gorgeous animations on Figma mock-ups.

Wireframing a website and producing a mock-up are not the same. The latter can be quite elaborate, and it gives you a chance to show off your design skills, but do you really need to go all the way and throw in complex animations made with Adobe After Effects? You can't really do this with Sketch because that is mostly for static models, but Figma will let you do it. The real question is whether this would be overkill, and there is a reasonable answer in this regard.

Some clients know about front-end design, at least the basics, but many of them don't. If you show the latter a static mock-up and ask them to envision sliders, transitions, and animations, they may not be able to. This is when inserting After Effects or Lottie files within Figma would be useful. One word of caution though: Never animate what you can't see yourself or a partner actually coding.

If you have never coded an animation before, then you are going to struggle with complex Figma mock-ups. There are tutorials for you to read and online courses that you can sign up for and then get your hands dirty. In fact, the best place to learn is by experimenting on a live website and making changes on the fly. When it comes to the web, there is no room for excuses; you are going to have to code your own animations, so either do it the right way or do it the hard way. There are plenty of places on the web where you can get assistance with building web animations on After Effects. As long as you keep in mind that the client will probably want you to code the animations, it will not really be overkill. For more information click here https://i.redd.it/r90btpmh76w71.gif.