Text Effects & OpenType in Framer

Framer now supports OpenType fonts giving you more control over how your font is displayed on a webpage. It’s not yet working on Google Fonts, but any custom or FontShare font will be able to support OpenType.

‍

Another big text related update in Framer is Text Effects. This new feature allows you to animate any text layer with different effects like Scale, Blur, Flip, … and you can choose to animate it by character, word, line, … This will surely make your website to come alive even more.

Check out all Framer updates

‍

‍

‍

Rive animations in Play

Play, an iOS native prototyping tool now supports Rive animations helping to make your prototyping even more realistic. On top of that you can now edit text imported from Figma and apply a 3D transform to any layer.

View all Play updates‍

‍

Screenshot of the Play interface showing a text element "How plant-based diets work." selected a green border is visible around the text. On the right there is a side panel showing that the selected element is Figma Text and a button to make it editable with a note: "Editing this text may cause slight changes in it's layout and styling."
Screenshot from Play’s release notes showing editable Figma text

‍

‍

Design Tip of the week

iOS 18 App Icons

With the next iOS update, users can customize their home screens with dark mode and tinted icons. By default iOS will try to create a dark mode version of your icon, which may or may not look good. So for the best experience provide both a dark and tinted icon so your app is consistent with the rest of the homescreen.

For dark mode, you need to provide a transparent icon so that iOS can use the same dark background for all apps. For the tinted icon, use a black background to ensure there is enough contrast between the foreground and background. If you wish, you can experiment with gradients to add more depth to your tinted app icon.

3 app icons showing a flower. The first is the light app icon with a purple gradient background and a light pink flower in the foreground. The second screenshot has a transparent background and a purple gradient flower in the foreground, this is the dark mode version. The third app icon has a black background and a white to light grey gradient flower in the foreground, this is the tinted icon.

‍

The Broken Promise of Design Systems

One of our favourite Config talks is by Cam Worboys, head of design at Cash App. A must watch questioning if design systems make work better and why we should sometimes diverge from the system. Explore first, systemize later.