Framer is still missing basic text options that every design tool should have.
- Text decoration
- Text transforms
- Possible opentype options such as superscript/subscript
Text is a huge part of design and it is severely lacking in Framer
@Anton Kosarchyn & @Cédric -> Thanks for your input! Text Styles is a different feature not counted within this ticket, so if you want text styles, feel free to upvote:
Hey everyone! You voted for more text options but that is pretty broad, so we are trying to understand which text options would be most impactful to start with.
We thought of these ones:
- Text Transform
- Text Decoration
- Truncate / Line Clamp
What are your TOP 3 text options you'd like to have available in Framer?
@Aroa Gil Bo: Uppercase styling. But most important would be Text Styles to have them in libraries and be able to add any text style in my file to any text element to keep things consistent.
@Aroa Gil Bo: I'd vote for px | ratio measure switch for the "line-height" on top of what you've mentioned 😀
@Anton Kosarchyn: Yes! thanks Anton :) That definitely counts towards this ticket
@Aroa Gil Bo: Right on. I think anything that's available natively via CSS should be an option. Most important surely are the text-decoration options "underline" "line-through", text-transform "uppercase" "lowercase" "capitalize" as well as text-overflow "ellipsis". Having these available in an "advanced" popover on the text UI would be really valuable :)
@Aroa Gil Bo: I think those top 3 are a good place to start. Adding 'title casing' to text transform (like Figma), would be fantastic as well. Figma's type options are the best so far. Paragraph spacing would be great too.
Thinking more about it, you could even consider introducing columns ;-)
- Need Adobe Fonts Support.
- Line-height option in pixels.
* Line Clamp too please.
These are especially helpful when creating designs with data.
@Jordan Dobson: Absolutely. It would be amazing to finally have these text options, which are easily available and accessible in development, rather than always limiting text to 'traditional' graphic design applications.
recently used fonts
individual letter kerning <3
@Pedro Sanches: Using the letterspacing option you can sort of do this. Select the letter you want to tweak and the letterspacing option will adjust the space after it. (It supports negative spacing too).