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 6:47pm
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

August 8, 2018 at 9:17am
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 clarifying. Our team is also very much looking forward to see these features work in the future, making our already great experience in Figma even better.
like-fill
1
  • reply
  • like

August 8, 2018 at 3:37pm
Hi, I'm new here. Nice to discover this Figma community! I've been a Sketch user for 3 to 4 years. Since a couple of days trying out Figma and I'm already planning to SWITCH to Figma! So impressed so far with Figma. Anyway... To the Figma team: This 'secret' stack feature. Please please release this feature ASAP. It would be a very important feature. If you are into coding as well you will know how essential this feature is. UIStackView on iOS and Flexbox in CSS. Thanks! :)
  • reply
  • like
currently working on a card grid with several vertically stacked text objects that the client insists be different row lengths on each instance and I would kill for this feature. Currently having to make components to make the grid, then break them so I can nudge everything around and going slowly insane
like-fill
3
  • reply
  • like

August 30, 2018 at 8:45pm
+1 Stacks, please.
like-fill
3
  • reply
  • like

August 31, 2018 at 7:57am
There's a secret unreleased feature called 'Stack' I found when exploring the Figma source code. Stacked objects seem to retain their paddings upon resizing, and act differently upon dragging.
If you want to try it out for yourself, select the objects you want to 'stack', and going into your browser console and type
App.triggerAction("stack-selection")
then hit enter, this will group your objects into a stack which makes it behave the way you described in your post.
Disclaimer: This seems to be an unreleased feature so use it at your own risk.
Hello Jackie. I was wondering if this still works? I tried it and it seems it is no longer available
  • reply
  • like

August 31, 2018 at 5:11pm
Hello Jackie. I was wondering if this still works? I tried it and it seems it is no longer available
I believe this 'hidden' feature has been removed. Please read Josh Dunsterville's comment above to learn more about it.
  • reply
  • like

November 13, 2018 at 11:20am
Hi everyone. Does this problem still have no solution? Or maybe has some information when this feature would be deployed to figma?
Edited
  • reply
  • like

January 14, 2019 at 4:20pm
bump :) no update on the topic?
  • reply
  • like
Show more messages
private
This channel has been archived