FREE Text Chat Bubbles UI Kit for Figma
Free UI kit to kickstart your messaging app design.
I worked on initial design of a new messaging app few years ago and realized designing chat bubble is a complicated task. During the process I figured out many things like how many bubble variants to prepare or logic when the timestamp is placed inline or stacked.
If you're working on one, designing user flows will be quite a hassle if you haven't prepared the components and set the auto-layout correctly. Many things need to be edited manually and repeatedly to get what you want.
So I was thinking maybe I can share some of the stuffs I've learned(read: wasted time on), so people don't have to.
The file also includes themes from popular apps if you need to generate mockup chat conversation to complete a user flow/journey.