Updates

What’s new in Framer.

The June Update brings brand new Linking features to Framer. We’ve redesigned our Linking UI across the app, enabling us to add more properties like Rel. Rel attributes define the relationship between the current page and a linked page. They help with SEO, protect user privacy, and give search engines context about a link’s origin and purpose. For example, setting Rel to No Follow tells search engines not to pass SEO value, often used for untrusted links. Similarly, Sponsored marks paid or sponsored content, while U G C indicates user-generated content, like linking to comments. We’re also introducing Variable support to A11Y properties like Aria Label and Tab Index, helping you create more accessible Components. See the full June changelog below.

Added
  • Added refreshed Linking UI with optional properties

  • Added Rel attributes like No Follow, No Opener, UGC

  • Added Variable support for Tab Index in Components

  • Added Variable support for Aria Labels in Components

  • Added Parameter forwarding for tracking external URLs

  • Added setting for exiting Canvases with double-click

  • Added new Quick Menu icons for Images and Tables

  • Added Quick Menu actions for custom Vector Sets

  • Added shortcuts to all Vector Boolean operations

  • Added support for spaces in Component names

  • Added ability to add secret to Form webhooks

  • Added support for 12 columns in the Grid Tool

  • Added Vector Variables to Layout Templates

  • Added U shortcut to draw rounded Frames

Fixed
  • Fixed CMS Collection Item selector being mismatched

  • Fixed links with interactions failing to open on iPadOS

  • Fixed REM not adjusting to browser size preferences

  • Fixed Fit Text layers not animating between Variants

  • Fixed rendering issues for tiled image fills on Safari

  • Fixed Loop Effects with Timed Springs not working

  • Fixed Overflow Variables not having default values

  • Fixed blocking publishing with unresolvable errors

  • Fixed crasher when clicking ‘New with AI’ in Code

  • Fixed positioning of auto-opened popover in CMS

  • Fixed the layer panel icon for hidden Path layers

  • Fixed renaming items in Assets causing a jump

Today we’re introducing major updates to Vectors in Framer. Built-in icon sets now support more styles—like Stroke Width and Duotone—for more control. Properties like Stroke Width are also available as Variables in custom icon sets. Path editing is more stable, and keyboard support makes browsing icons faster. Plus, Vector Sets now work seamlessly with the Framer CMS, unlocking new use cases. Watch the video to learn more, and find the changelog below.

Added
  • Added new Phosphor icons to the Insert Panel

  • Added updated Iconic icons to the Insert Panel

  • Added Component Variant support to Vectors

  • Added arrow key support to the Icon Pickers

  • Added masking support to new Vector Sets

  • Added the Stroke Width variable to Vectors

  • Added names of selected icons in Layers

  • Added ‘Copy URL’ action to Vector Sets

  • Added full CMS support to Vector Sets

Improved
  • Improved path tool to preview point additions

  • Improved Vector tools within the main menus

  • Improved Vector insertions via Quick Actions

Fixed
  • Fixed Vectors in Components not showing default values

  • Fixed pasted Vectors having the wrong layer panel icon

  • Fixed Vectors with Color Styles not showing properties

  • Fixed opacity not updating on all shapes in Booleans

  • Fixed the ‘Intrinsic Size’ action showing on Icon Sets

  • Fixed toggling Loop not disabling it in Stroke Effects

  • Fixed accidental Transforms of Vector Set variables

  • Fixed paths being accidentally nested in Text layers

  • Fixed multi-selection bounding box of Vector Sets

  • Fixed some Vector Sets being selectable like Text

  • Fixed pinning of icon set instances within Frames

  • Fixed automatically nesting of paths in Booleans

  • Fixed a crasher when making new Vector Sets

  • Fixed shadows of Vectors on published sites

AI translations aren’t always perfect. Company names, slogans, and terms can get mistranslated or changed when they shouldn’t. With the Glossary feature, you can define exactly how specific terms should be handled across your site. Each term can be one or more words, case sensitive, and optionally translated. When Translatable is on, you can provide the exact translation per locale. This ensures consistency across every version of your site, no matter the language. It’s especially useful for brand terminology, recurring phrases, or words you want full control over. No more fighting the AI to get the perfect translation every single time. Your terms, your rules.

June 13, 2025

Font Drop 9
Font Drop 9
Font Drop 9

We’ve added a new batch of free fonts. Coaster Sans, Neutral Sans, Tranche Type, and Schroffer Mono are now available in the Open Source category of the Font Picker. Perfect for kickstarting your next template or website. You can find an overview of all newly added typefaces below.

  • Tranche Type by Bastien Tessanne

  • Schroffer Mono by Ralph Bruens

  • Coaster Sans by Mother Type

  • Neutral Sans by Barry Shawn

We’re introducing a new way to edit CMS content, inline, in context, and directly on the Canvas. Just double-click any layer with CMS content to start typing right away. Your changes will be instantly synced with the CMS, and you can edit a wide range of fields, including plain text, rich text, dates, references and images. When working with rich text, you can now type / to insert blocks like headings, lists, blockquotes, tables, images, and videos, all fully editable inline. This new editing experience lays the groundwork for even more powerful updates coming soon. The release also includes several fixes and improvements across the board. See the full list below.

Added
  • Added ability to double-click to edit CMS content inline in the Canvas

  • Added a badge to selected layers that are connected to CMS content

  • Added a new / command menu to add blocks while editing rich text

Improved
  • Improved display options when formatting dates coming from the CMS

  • Improved behaviour for auto-saving new CMS item or discarding them

  • Improved the quick actions menu in the CMS and Localization views

  • Improved UX of editing layers not linked to the CMS in detail pages

  • Improved CMS detail pages with a tooltip explaining how they work

  • Improved the warning UI when a slug is invalid in the CMS overlay

  • Improved page titles SEO by preventing duplicate variable names

  • Improved the empty states in the CMS and Localization views

Fixed
  • Fixed an issue when toggling Created and Edited fields visibility

  • Fixed the link to videos in the tutorial button in the CMS panel

  • Fixed a bug when renaming CMS fields with double digits

Wireframer can now generate starting points in both light and dark mode. You can ask for dark mode in your initial prompt, or mid-chat. We’ve updated a couple of the preset prompts to give you a few examples. Any follow-up changes or additions will automatically match your chosen color scheme, so your designs stay consistent. Plus, Wireframer can now generate even more unique sections, all fully responsive and directly customizable. Start your next site in Framer.