Skip to main content
Solved

Vertically skew a text field

  • October 6, 2022
  • 4 replies
  • 3003 views

Jzzzoo

pic 1:


pic 2:

Hi!
I want to vertically skew the last option of the text field(pic 2) and show the same effect as pic 1. The goal is to indicate that I’m scrolling through the list of options. I guess I can slightly skew the bottom anchor points inwards to indicate the scrolling action, but I can’t find a way to turn the text into a type of component and properly skew the whole text without distorting parts of the letters.
Anyone has suggestions or a better way to do so?

Best answer by Avokadomos

Figma could use some text transform tools in general, such as bend, taper, follow spline and more.

View original
This topic has been closed for comments

4 replies

Baffour
  • 53 replies
  • October 12, 2022

Hopefully I’m wrong and someone else comes along with a way you can achieve this, but I don’t think this is currently possible in Figma! I think the best you could do is shrink the text slightly instead as it’ll give a similar perspective effect


Avokadomos
  • Active Member
  • 377 replies
  • Answer
  • October 12, 2022

Figma could use some text transform tools in general, such as bend, taper, follow spline and more.


Jzzzoo
  • Author
  • 8 replies
  • October 12, 2022

Thank you! I was able to use your keywords and found a useful tutorial: https://www.youtube.com/watch?v=oShhblslSZA

Result:


Jzzzoo
  • Author
  • 8 replies
  • October 12, 2022

You are correct. The key is to turn the text into an image so we can shrink the whole thing properly. Thank you!


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings