# Practice motion, web, 3D and AI design with small projects

> The tools in our carousel cover different skills; choose a finished exercise for each one.

Source: https://fullbytedeveloper.com/blog/four-design-skills-to-practice
Originally posted: 2025-02-17
Published here: 2026-11-06

Our design-skills carousel grouped tools into motion design, web design, 3D work and AI-assisted creation. Learning a tool is easier to assess when you finish a small project with it.

## Four areas to practice

For motion, the slides named After Effects and LottieFiles. Adobe describes After Effects as a motion-graphics and visual-effects tool [1]; LottieFiles supports creating and implementing animations [2]. Try a short transition with a clear beginning and end.

For web work, the slides paired Figma and Wix. Figma supports design and prototyping [3], while Wix provides website-building tools [4]. Design one page, then check how the implemented version behaves on a phone.

The 3D slide showed Blender and Unreal Engine. Its Blender label incorrectly said Figma; Blender is the 3D tool pictured. Blender supports modeling, animation and rendering [5]. Start with a simple object and inspect it from several angles.

For AI-assisted work, the carousel named Midjourney and Kling. Give a tool one visual task, then review whether the output communicates the intended idea.

## Judge the finished work

Keep the source files and a short note explaining what you changed. A finished, readable page or clear animation says more about your progress than a list of installed applications. Add complexity after the small version works.

## Sources

1. [Adobe: After Effects](https://www.adobe.com/products/aftereffects.html)
2. [LottieFiles: animation tools](https://lottiefiles.com/)
3. [Figma: design and prototyping](https://www.figma.com/)
4. [Wix: website builder](https://www.wix.com/)
5. [Blender: features](https://www.blender.org/features/)

## Original posts

- [Instagram post](https://www.instagram.com/fullbytedeveloper/p/DGJbWeZOiFW/)