I’m trying to create a “Chat Blob” Component that encompasses multiple “Chat Bubble” Components.
The Chat Blob is the layout for multiple messages from a single user. It reduces the message spacing, adds a profile pic, their name as a header, and checkmarks as a footer.
The Chat Bubbles are just text in a bubble plus a Click Interaction to show a time stamp.
However, I have no idea how to mock up a typical conversation since I can’t just drag the Chat Bubble Instances into the Chat Blob Instances. Additionally, the number of Chat Bubbles within a Chat Blob is highly variable… could be 1 message or 10 messages, depending on the mockup.
With my (limited) understanding of Figma, I see three approaches:
-
Create a bunch of Chat Blob Variants that contain a set amount of Chat Bubbles within them. I.e. “Chat Blob (1), Chat Blob (2), etc.”, enough to encompass all my chat scenarios.
-
Make the Chat Blob with a bunch of “placeholder Components” to later Instance Swap with Chat Bubble Instances, enough to encompass all my chat scenarios.
-
Abandon having Chat Blob as a Component (or Detach them) and just drag as many Chat Bubbles as needed in each scenario, but lose the connection / editability of the Chat Blob Component.
I feel like all these approaches have downsides and wondering if I’m missing something. Fwiw, I’m coming from Unity and its nested Prefab system, which allows willy-nilly nesting as needed, so maybe I just need to check my expectations.
Thanks for any help!