# Design Idea: Blobs

*By LottieFiles · April 19, 2021*

Sometimes the silent piece in a whole, the blob undoubtedly has its place in UI design whether we notice it or not.

---

Sometimes the silent piece in a whole, the blob undoubtedly has its place in UI design whether we notice it or not. They can serve many purposes, to fill in empty space, to create separations, to add visual variety, a sense of fluidity, and more. While they may be simple, they can be the enhancements to your design that you didn’t know you needed.

![From Dribbble](https://paper-attachments.dropbox.com/s_DC08B8B88D5EB774CB18CF1CB7189AF6EA5033B00AE3A3749E3F3B1C06C57624_1616138896029_dribbb.png)

_[From Dribbble](https://dribbble.com/)_

Without realizing, you probably come across the blob at least a dozen times a day (now we’ve said it, we bet you’ll start noticing them more now).

## SVG Blobs

Want to make SVG blobs? You can try out [Blobmaker](https://www.blobmaker.app/) and [Blobs](https://blobs.app/) to generate random blob shapes of varying complexity and colors.

![Blobmaker](https://paper-attachments.dropbox.com/s_DC08B8B88D5EB774CB18CF1CB7189AF6EA5033B00AE3A3749E3F3B1C06C57624_1616137498260_Screenshot+2021-03-19+at+15.04.49.png)

__[Blobmaker](https://www.blobmaker.app/)__

![Blobs](https://paper-attachments.dropbox.com/s_DC08B8B88D5EB774CB18CF1CB7189AF6EA5033B00AE3A3749E3F3B1C06C57624_1616137505885_Screenshot+2021-03-19+at+15.04.35.png)

__[Blobs](https://blobs.app/)__

If you’re a Figma user, then there are the plugins [Blobs](https://www.figma.com/community/plugin/739208439270091369/Blobs) and [Make blob](https://www.figma.com/community/plugin/740172168964577201/Make-blob) that you can open up right within Figma to create SVG blobs that you can then choose to manipulate further if you wish.

![Blobs](https://paper-attachments.dropbox.com/s_DC08B8B88D5EB774CB18CF1CB7189AF6EA5033B00AE3A3749E3F3B1C06C57624_1616137654044_Screenshot+2021-03-19+at+15.07.10.png)

__[Blobs](https://www.figma.com/community/plugin/739208439270091369/Blobs)__

![Make blob](https://paper-attachments.dropbox.com/s_DC08B8B88D5EB774CB18CF1CB7189AF6EA5033B00AE3A3749E3F3B1C06C57624_1616137658688_Screenshot+2021-03-19+at+15.07.21.png)

__[Make blob](https://www.figma.com/community/plugin/740172168964577201/Make-blob)__

## Animated Lottie Blobs

Animation can bring some much-needed life into a design. Sometimes you may only want a subtle bit of movement, almost like your app or page is breathing, and that’s where an animated Lottie blob comes in. As long as you’ve got your blobs moving at the right speed, there’s an almost mesmerising feel in the movement and momentum, which can prove incredible calming.

When it comes to making an animated Lottie blob, it can require some skill in After Effects. But fear not, there are some Lottie blobs made by some talented animators that you can use for free on LottieFiles. We’ve collected a few of them below. 👇

[By Hayley Anderson](https://embed.lottiefiles.com/animation/18334)

[By Hayley Anderson](https://embed.lottiefiles.com/animation/14946)

[By Hayley Anderson](https://embed.lottiefiles.com/animation/18335)

[By Hayley Anderson](https://embed.lottiefiles.com/animation/18308)

[By Oz](https://embed.lottiefiles.com/animation/23150)

[By Oz](https://embed.lottiefiles.com/animation/21307)

[By Rebeca De Jorge](https://embed.lottiefiles.com/animation/29431)

[By Angelo Macaione](https://embed.lottiefiles.com/animation/13382)

Explore other free animated Lottie blobs

---

## Related Articles

- [How to Document Motion in Your Design System: A Step-by-Step Guide](/blog/designing-with-lottie-animations/how-to-document-motion-in-your-design-system-a-step-by-step-guide)
- [The Evolution of Lottie: Why dotLottie Is the New Baseline](/blog/dotlottie/the-evolution-of-lottie-why-dotlottie-is-the-new-baseline)
- [Implement State Machines on the Web: A Guide](/blog/working-with-lottie-animations/how-to-implement-dotlottie-state-machines-on-the-web)
- [dotLottie State Machines Tutorial: How to Bring Your Animations From Idle to Action](/blog/working-with-lottie-animations/dotlottie-state-machines-tutorial-how-to-bring-your-animations-from-idle-to-action)