Fixes

  • Layers now display in the correct order on selection.
  • Documents no longer show the error: child.cache.future not in parent.cache.future.children.
  • Document content no longer gets cleared in some cases.

Improvements

  • Dragging elements, zooming, and panning around the canvas is now much faster.
  • Dropping an image onto the canvas creates a frame with the same name as the image.
  • Smoother animation on the canvas when panning.
  • Improved behavior when switching tabs and closing the fontface selection popover.
  • We’ve hidden the scrollbar inside of the selection popover to avoid obscuring the G-icons.
  • The typeface in the font popover now gets highlighted when selected.

Fixes

  • SVGs now render at the correct size.
  • Page component renders correctly when exported.
  • Long titles in the properties panel no longer break the user interface.
  • Undoing an action is now more precise.
  • When pressing cmd or mouse down on selection, arrows on the canvas no longer disappear.
  • Nesting multiple pages no longer creates blurry page content.

View more

Features

  • Added Replace With menu action.
  • Swap components using drag and drop.

Improvements

  • Smoother screen-to-screen transitions.

Fixes

  • Preview content now updates while the selection is locked.
  • There are no longer issues with using Copy as Image.
  • Better support for hiding slot connectors on the canvas.

Improvements

  • Upgraded Framer Motion from 0.19.1 to 1.2.6.
  • You can now override text and images from multiple design component instances at once using multi-select.
  • Components will now appear in the list of navigation targets in the properties panel.
  • When pasting a frame multiple times, they will paste side-by-side rather than on top of each other.
  • Syntax highlighting in code works consistently.

Fixes

  • On-click event handlers defined by overrides are now triggered when linking frames with an instant transition.
  • If the property control for a component instance is hidden, you’ll no longer see it as an option to connect to.
  • Changing the orientation of a frame will now work correctly when you lock the aspect ratio.
  • Edits to large code files will now save correctly.

Improvements

  • Preview updates much faster while you’re editing code components.
  • Now when you’re dragging layers in the layer panel, performance is faster.
  • When copying and pasting frames, they will no longer nest automatically.

Fixes

  • Doing a web export will no longer create files in the project folder.
  • Deleting text from an instance in the properties panel will not crash Framer.
  • Framer won’t crash when you’re working with design components.
  • When you delete a gradient color preset, it will now delete the selected preset and no others.

Improvements

  • Components displayed in the components panel use RenderTarget.thumbnail and component authors now have the flexibility to add a nicer thumbnail.
  • The aspect ratio lock now accurately displays as an open grey lock when inactive.
  • You’ll now receive fewer disruptive warning notifications when saving large documents.
  • Additional logging checks will now ensure any package installation errors are easier to find.

Fixes

  • Removing Frames with attachments will now also automatically detach navigation links or property control listings.
  • You can now export a scroll component without missing any content.
  • Search in Playground dark mode now works as expected.
  • Your text container will now auto-resize correctly, even when using fractional widths.
  • Easily drag components with iframe elements from the component panel to the canvas.
  • You should see fewer red error banners; we’ve fixed many common crashes.

Fixes

  • Store not working on networks using a proxy.

Improvements

  • Performance and stability while using the Store.

Fixes

  • Images in exported Web Previews sometimes not loading.
  • Scroll component not resizing its content correctly.
  • SVGs converted into Graphics losing their name.

Improvements

  • Performance when working with large images.
  • Error messages when components are not exported.

Fixes

  • Error when using import { url } from "framer/resource.
  • Jittery link transition animations.
  • Crash when changing values in a ControlType.Array.
  • Delete menu item was always disabled.
  • Cases where no Framer Library would be selected.
  • Alignment of gradient handles.
  • Behavior of New File… when creating overrides.

Improvements

  • Performance of canvas.
  • Reduced loading time when opening preview.

Fixes

  • Images not loading for projects saved in Framer Preview.
  • Text alignment not always loading.
  • Scroll component responding to resizing.
  • Crash when formatting a text selection using the menu.
  • Empty scroll components when exporting.
  • Using delay for transitions.
  • Page properties contentOffsetX and contentOffsetY.
  • Missing RenderTarget in public types.
  • Animations with shared colors.
  • Double border when using border in overrides.

View more

Features

  • Updated color picker with shared colors.
  • Ability to publish and install colors via the Store.

Improvements

  • Text property panel interface.
  • Default empty component state.
  • Display of numeric input values to prevent jumps.
  • Linked items can be disconnected with the menu.
  • Toggle constraints via the center of the control.
  • Improved display of errors when using web export.
  • Improved error handling during package publishing.
  • Performance improvements when loading larger projects.

Fixes

  • Radius not being applied in combination with overrides.
  • Folders collapsing periodically in the code editor.

View more

Features

  • Package support for external dependencies.

Improvements

  • Reopening a file in Code will keep its scroll position.

Fixes

  • Original position of Frames in Stacks.
  • Resetting fr values for Frames wrapped in Stacks.
  • Showing of errors in the file browser of Code.
  • Positioning of Design Components imported in Code.
  • Packages not containing all Design Component info.
  • Errors when publishing packages.
  • Issues when renaming files in Code.

Features

  • A new in-app code editor.
  • A new custom console in the preview.
  • A brand new Framer Library.
  • The ability to lock your selection in preview.
  • New code component templates.
  • Auto-sizing of Scroll content to its children.
  • Support for Stacks from Code.
  • Keyboard shortcuts for panel switching.

Improvements

  • Scaling of components in the Preview.
  • Removed the status bar at the bottom.
  • Moved server warnings to the project log.
  • Using the mouse also triggers Scroll events.

View more

Features

  • Automatic proxy support.
  • Click a layer and hit return to rename.

Fixes

  • Text in scroll content stays visible while editing.
  • Selecting multiple frames and right-clicking a layer name will display a menu instead of losing your selections.

Improvements

  • Imported Sketch layouts become responsive.
  • Frames and shapes are automatically detected.
  • Boolean-modified shapes are converted to graphics.

Fixes

  • Web previews can be downloaded in Framer for iOS.
  • Existing projects could appear empty.

Fixes

  • Framer X could hang after a few minutes of inactivity.
  • Tutorial instructions would overlap the property panel.
  • Text shadows could not be re-enabled.
  • Web Previews could be missing device images.
  • Web Previews could break in Chrome and Firefox.

Improvements

  • Copy CSS includes text alignment.
  • Package titles stay visible while scrolling.
  • Less strict time limits for code components.
  • Relaxed guessing of layout pins.

Fixes

  • Live Preview not starting.
  • Keyboard shortcuts for Add Stack and Add Frame.
  • Changing Preview devices could crash the application.
  • Export Web preview would show errors.
  • Pasting a hex color would reset the color picker.
  • Pasting text resulted in unpredictable styling.
  • Updating components didn’t show a progress indicator.

Features

  • New Welcome window and tutorial.
  • Quickly wrap items with Add Stack.

Improvements

  • Framer Library updates are now automatic.
  • Template for new code components.
  • Up to 4 decimal places for line height.

Fixes

  • Strokes could reappear after being disabled.
  • Keeping an arrow key pressed did not move items.
  • Code components could fail to show array controls.
  • Export Web Preview used a different Framer Library.
  • Decimals would be hidden when using fr units.
  • Autosaving could slow down the application.
  • Trial mode indicator when fully licensed.

Fixes

  • Components in graphics corrupting the document.
  • Components with dynamic images not displaying.
  • Unreliable exporting when using macOS 10.14.4.

Features

  • Infinite canvas with smooth zooming.
  • Precision editing at any zoom level.
  • Smart scaling of graphics and their effects.
  • Auto-sized (freeform) graphic containers.
  • Optionally show all navigation and content links.
  • Support for React functional code components.

Improvements

  • Document loading speed and indicator.
  • Size of documents with large images.
  • Shadows are shown at all zoom levels.
  • Git-hosted documents using the .framerfx format.
  • Exporting components with custom styling or large images.
  • Android previewing with mobile-web-app-capable.

View more

Fixes

  • Issue with typing composited characters (Chinese, Japanese, Korean)

Improvements

  • Performance with large documents.
  • Night Mode tweaks for graphic mode and store.
  • Placeholders for empty Scroll and Page components.
  • Library with hover events and better overlay navigation

Fixes

  • Broken code components inside design components.
  • Package updates would not appear in other documents.

Improvements

  • Content links are now only shown for highlighted items.
  • Frame presets for Retina Store artwork and icons.

Fixes

  • Dropping a component on the canvas closed the panel.
  • Preview Device packages were listed under Components.
  • Resizing the sidebar multiple times could cause size jumps.

Features

  • Inspect mode for Preview with an attached Web Inspector.

Improvements

  • General in-app performance.
  • Language and contrast in the components overview.
  • Visual Studio Code completion in code components.

Fixes

  • Sticky update badges after uninstalling updated packages.
  • Component master properties resetting their name.
  • Text layer names not reflecting typed text.
  • Installed empty Store packages not being shown.
  • Page component 3D effects using a flat perspective.
  • Newly added borders and strokes being disabled by default.
  • Crash pressing arrow keys in Graphics mode.
  • Crash using the San Francisco UI Display Italic font.

View more

Features

  • Added iPhone XR, XS, XS Max, Pixel 3, Pixel 3 XL and Samsung S9 devices
  • Updated beginner tutorial.
  • Updated welcome window.

Improvements

  • Component panel with update management.
  • Dragging Frames in and out of Stacks.
  • Experience of renaming layers.

Fixes

  • Option-dragging an item would not duplicate it.
  • Empty components panel after uninstalling one package.
  • Disabled shadow spread input field.
  • Accidental drags on shadow removing the shadow.
  • Copy, Cut, Paste and Select All menubar actions.
  • Crash from packages that require styled-components.

View more

Improvements

  • Canvas scrolling, zooming and panning performance.
  • Editing speed when using many Code Components.
  • General performance while working with large projects.

Fixes

  • Option-dragging an item would not duplicate it.
  • Crash when using a Code Component with an error.
  • Night mode dropdown icons for text layers.
  • Numeric stepper separator inheriting opacity.
  • Alignment of new user hints in property panel.

Improvements

  • In-app trial indication states.

Fixes

  • Crash when releasing the alt key while alt-dragging.
  • Paging step issue in tutorial.

Fixes

  • Crash when using a Code Component with an error.
  • Issue where borders would disappear on open.
  • Misalignment of components header in drawing mode.
  • Number stepper property control not respecting ranges.

Improvements

  • Dark mode of in-app onboarding.
  • Dark mode of main app interface.
  • Dark mode of in-app store.
  • Store sidebar size and ordering.

Fixes

  • Scrollable areas being disconnected on open.
  • Code component children being disconnected on open.

Features

  • A new interactive Page tool.
  • Sortable content (React children and slots).
  • Ability to export a web preview.
  • New number stepper control type.
  • Ability to create arrays of property controls.

Improvements

  • General in-app performance.
  • Scroll tool properties.
  • Alignment control interface.
  • In-app onboarding tutorial.
  • Link and Scroll tool connectors.
  • Link and Scroll tool lines.

Fixes

  • Layer panel icon states reflecting children.

View more

Improvements

  • Incremental zooming to 75% and 150%.
  • Custom overlay transition backdrops.
  • Better output for Copy CSS.
  • Nested master Design Components.
  • Handling of missing fonts.

Fixes

  • Copy and pasting from Sketch v52.
  • Importing from Framer Classic.
  • Color picker showing HSV instead of HSL.
  • Unremovable filters on text elements.

Improvements

  • Context menu items and ordering.
  • Overrides for Code Components.
  • Dragging interaction of Components.
  • Menubar items with Store page links.
  • In-app onboarding states and errors.

Fixes

  • Canvas jumps when zooming or panning on Mojave.
  • Context menu not working on highlight.
  • Copy and pasting from Framer Classic.
  • Dark mode fixes of welcome window on Mojave.
  • Remounting of code components with Overrides.
  • Installed component titles showing without properties.

Features

  • Ability to link resources using framer/resourceURL.
  • A new file input property control.
  • A new image input property control.
  • Dark mode for the Live Preview popover.
  • Ability to categorize components with /.
  • New component panel package headers with thumbnails.

Improvements

  • Component panel actions ordering.
  • Store panel publish action on top.
  • New menubar structure.
  • Graphic dragging performance.
  • Layer panel empty state.

Fixes

  • Ensure caches and backups are not added to packages.

View more

Features

  • A brand new Graphic tool.
  • Drawing mode to add shapes and paths to Graphics.
  • Ability to share packages from the Store.
  • New tooltips for our Layout, Interactive and Drawing tools.
  • New onboarding flow states.

Improvements

  • Onboarding flow states and messaging.
  • Categories and ordering of tools.
  • Layout and Interactive tool icons.
  • Snapping behaviour of preview window.
  • Initial window sizes of preview window.
  • Masking of screens in preview window.

Fixes

  • Components not showing up after package installation.

View more

Features

  • Live Preview for mobile and in-browser previewing.
  • Ability to share your preview link with others.
  • New package indication when installing.
  • Link from the store to the installed component.
  • Support for markdown tables in store descriptions.
  • Fade transition to the Link tool.
  • Modal Upgrade Framer Library dialog.

Improvements

  • Rendering of code tags in store descriptions.
  • Loading of recent packages within the store.
  • Default empty state of Stacks.
  • Export panel preview experience.
  • Updated to TypeScript 3.0.

View more

Features

  • Code property, allowing you to connect functions.
  • Ability to add masters inside masters.
  • Ability to create design component overrides.
  • Ability to import design components in code.
  • Add unit type for numeric inputs in code.

Improvements

  • Component loading speed.
  • Animation smoothness in preview window.
  • Allow code component controls to be hidden.
  • Add placeholder property for string inputs.
  • Truncate titles of code components.
  • File format stability.
  • Component panel stays visible after drag.

View more

Fixes

  • Cloud sharing did not make this release.
  • Mobile previewing did not make this release.
  • Functions did not make this release.
  • The Page tool did not make this release.
  • You cannot favorite packages in the Store yet.
  • Only Frames can be turned into components.
  • Exporting assets and components is not reliable just yet.