menu

Figma

Figma is the first collaborative UI design tool built in the browser. Join our growing community and kick off a conversation!

Channels
# All channels
view-forward
# General
view-forward
# Start Here
view-forward
# Announcements
view-forward
# Design Systems
view-forward
# Plugins & API
view-forward
# Made with Figma
view-forward
# Prototyping
view-forward
Team

Pin text to another text layer

July 27, 2018 at 12:12pm
The Figma community has a new home. This thread is preserved for historical purposes. The content of this conversation may be innaccurrate or out of date. Go to new community home →

Pin text to another text layer

July 27, 2018 at 12:12pm
I'm trying to pin one text layer to the other, so when the first one's width change, second element would move. Is it possible to achieve this in Figma?
Show previous messages

July 29, 2018 at 5:54am
Is this the effect you're looking for? I don't seem to have much problem with it, except that resizing no longer works with constraints because the stack group will not follow its constraints and will snap to the total size of its children.
  • reply
  • like
  • reply
  • like
Feature request
  • reply
  • like
Is this the effect you're looking for? I don't seem to have much problem with it, except that resizing no longer works with constraints because the stack group will not follow its constraints and will snap to the total size of its children.
oh you did it! But yes, as you said the constrains don't work anymore, so you can't use it. the future seems promising though!
  • reply
  • like
Instance auto-resize would be a very good feature to have because that is how HTML/CSS divs work. The parents dimensions change according to its children. I'm trying to have the card with a border auto-resize according to the description text inside.
like-fill
1
  • reply
  • like
  • reply
  • like
this is rad! Great catch! Hope to this this ready for production asap.
like-fill
5
  • reply
  • like
This is unrelated to the original post but I thought it would be cool to share what we could achieve with the Stack trick.
I made an auto resize button using two invisible left padding and right padding rectangles, and a text in the middle.
  • reply
  • like
like-fill
18
  • reply
  • like
Genius :D I would love this feature.
I'm trying to figure out what potential ways stacking could mistakenly complicate a designer's workflow.
Like what do you reckon the risks are for Figma to release this properly?
  • reply
  • like
amazing! Now, I see the bright future :D
  • reply
  • like

July 30, 2018 at 10:50am
This is unrelated to the original post but I thought it would be cool to share what we could achieve with the Stack trick.
I made an auto resize button using two invisible left padding and right padding rectangles, and a text in the middle.
Thanks for secret tip, works great, I'm just not sure how it works with buttons, because the background doesn't seem to scale
  • reply
  • like
you made my day, dude 😍
like-fill
1
  • reply
  • like
Thanks for secret tip, works great, I'm just not sure how it works with buttons, because the background doesn't seem to scale
For now I just use a background color on the Stack, but it's not as flexible as having an actual background layer which allows rounded corners and the use of styles.
like-fill
2
  • reply
  • like

August 1, 2018 at 4:52pm
Hey everyone I just wanted to reach out and communicate some things around this “secret stack” feature.
So, first of all this is something we played around with a while ago (before I started) which we may ship someday. We really didn’t expect anyone to find it and we’re quite impressed that you did. ;)
Secondly, and more importantly, we’re going to be turning this “hidden” feature off as it causes crashes and could also cause your documents to become corrupted. Because of this, we highly recommend to revert your use of these “stacks”, especially on real work.
Thanks for understanding. Let me know if you have any questions.
like-fill
7
  • reply
  • like
  • reply
  • like
Hey everyone I just wanted to reach out and communicate some things around this “secret stack” feature.
So, first of all this is something we played around with a while ago (before I started) which we may ship someday. We really didn’t expect anyone to find it and we’re quite impressed that you did. ;)
Secondly, and more importantly, we’re going to be turning this “hidden” feature off as it causes crashes and could also cause your documents to become corrupted. Because of this, we highly recommend to revert your use of these “stacks”, especially on real work.
Thanks for understanding. Let me know if you have any questions.
Josh, what is the status of an official solution to the problem? "Someday" is too vague. 2018? 2019? Not scheduled? This really is a pretty awesome problem to have solved.
like-fill
6
  • reply
  • like
Hey everyone I just wanted to reach out and communicate some things around this “secret stack” feature.
So, first of all this is something we played around with a while ago (before I started) which we may ship someday. We really didn’t expect anyone to find it and we’re quite impressed that you did. ;)
Secondly, and more importantly, we’re going to be turning this “hidden” feature off as it causes crashes and could also cause your documents to become corrupted. Because of this, we highly recommend to revert your use of these “stacks”, especially on real work.
Thanks for understanding. Let me know if you have any questions.
all good 👍
  • reply
  • like
sorry we're keeping it vague for now :) it's difficult to make this feature work in a consistent way with stuff we have planned and we're not going to commit to a date until we have figured out the right solution.
like-fill
9
  • reply
  • like
Hey everyone I just wanted to reach out and communicate some things around this “secret stack” feature.
So, first of all this is something we played around with a while ago (before I started) which we may ship someday. We really didn’t expect anyone to find it and we’re quite impressed that you did. ;)
Secondly, and more importantly, we’re going to be turning this “hidden” feature off as it causes crashes and could also cause your documents to become corrupted. Because of this, we highly recommend to revert your use of these “stacks”, especially on real work.
Thanks for understanding. Let me know if you have any questions.
Thanks for the clarification. It really is an interesting solution to a problem many designers would love to solve. I look forward to seeing a better implementation of this feature landing in the product someday!
like-fill
6
  • reply
  • like

August 2, 2018 at 8:06am
Not to mention that FramerX has this now
like-fill
3
  • reply
  • like

August 2, 2018 at 2:38pm
Not to mention that FramerX has this now
Yes, the way Framer X automates spacing and distribution with Stacks is great. This would save me a so much time I currently spend manually nudging things. https://youtu.be/QQ66FU-TYCw?t=1m44s
like-fill
5
  • reply
  • like
Yes, the way Framer X automates spacing and distribution with Stacks is great. This would save me a so much time I currently spend manually nudging things. https://youtu.be/QQ66FU-TYCw?t=1m44s
And this would require as well to break components in order to modify buttons inside or have duplicate components to accommodate different cases
  • reply
  • like

August 6, 2018 at 3:35pm
It would be nice to have interactive components in general (not even stacked/constraints, but also some additional rules like media query breakpoints. So you could scale your root font for example for bigger instances, etc. Or change stacking from vertical to horizontal, etc)
like-fill
2
  • reply
  • like

August 7, 2018 at 1:42am
Show more messages
private
This channel has been archived