I haven't had a chance to design a messaging app yet, but your techniques really are very useful for other projects, will definitely try those. Thank you for sharing!
hey! have the two frames selected and then click Shift+A to add auto layout (you can also add auto layout from the properties panel on the right) here are Figma docs if helpful: help.figma.com/hc/en-us/articles/5731482952599-Add-auto-layout-to-a-design
Thank you so much! It worked! I can’t get my auto layout like yours tho… at 6:55… I am not seeing any toggle saying “fixed height / fill container” when I click on the rectangle (top left part of chat bubble). It just shows me “rectangle 11” highlighted. Cus of this my chat bubble works until I try to type a long message and the bottom left of the chat bubble is not expanding with the rest bubble. Hope this makes sense! Pls help 🥺
that was a helpful tut with tons of tips!
amazing job.. your channel is inspiring me
this is so kind, thank you so much :)
I haven't had a chance to design a messaging app yet, but your techniques really are very useful for other projects, will definitely try those. Thank you for sharing!
Sweet! And thank you :)
why you use percentages (150%) for line height value?
Percentages are more manageable (for example, if font size changes, you don’t have to worry about updating the line height)
Love it.
🙌 thank you!
I'm not sure how on the dev side this works, but you can vertical trim the Message and Time text layers so they have the same baseline.
👀 I’ll adjust that
6:34 … please how did you bring those frames together to form a 3rd frame. I’m having trouble with that and can’t get over that hurdle :(((
hey! have the two frames selected and then click Shift+A to add auto layout (you can also add auto layout from the properties panel on the right)
here are Figma docs if helpful: help.figma.com/hc/en-us/articles/5731482952599-Add-auto-layout-to-a-design
Thank you so much! It worked! I can’t get my auto layout like yours tho… at 6:55… I am not seeing any toggle saying “fixed height / fill container” when I click on the rectangle (top left part of chat bubble). It just shows me “rectangle 11” highlighted. Cus of this my chat bubble works until I try to type a long message and the bottom left of the chat bubble is not expanding with the rest bubble. Hope this makes sense! Pls help 🥺
Learned a lot! But for the last part. You could’ve just flipped the whole thing and do it much easier lol thx tho
thank you :)
What a hack - but it works! Thank you so much
thank you! :) i was surprised too haha
Spoiler alert: almost half of this video is just doing the custom arrow tail 😅