Framer v82

Download

This update fixes minor issues in the app.

January 30, 2017

Fixed

• Saving a project caused a short hang.
• Context menu of layer panel did not show with ctrl-click.

Framer v81

Download

This update adds handy new shortcuts that speed up your workflow.

January 26, 2017

Added

• Directly add animations, states and events for layers from the layer panel.
• Hold cmd and click on a layer in the viewer to jump into edit mode.

Fixed

• ‘Update Framer Library’ not working correctly.
• Framer not relaunching after ‘Move to Applications folder’.

Framer v80

Download

This update fixes minor issues and features improvements to the app.

January 10, 2017

Improved

• Always save to disk before saving to Cloud.
• Update Node.js version used for module builder.
• Updated the Present toolbar icon.

Fixed

• Saving could be slow on some Macs.
• Device Launcher becoming blurry or cropped.
• Use sRGB color space in Auto Code color picker.

Framer v79

Download

This release brings fixes and improvements to the Framer Cloud integration.

December 23, 2016

Improved

• Undo when editing Auto Code properties.

Fixed

• Crash when closing documents on macOS 10.11.
• Project documents not opening on some computers.

Framer v78

Download

This release brings various fixes and refinements to the Framer Cloud integration.

December 22, 2016

Added

• Save to Cloud with ⌃ ⌘ S.

Improved

• Handle special characters in filenames when opening from Cloud.

Fixed

• Longer timeout for upload to Cloud.
• Handling of line breaks when pasting code.
• Various crashes.

Framer v77

Download

This release brings Framer Cloud, a workflow that connects to a personal dashboard for rapid iteration and collaboration.

December 20, 2016

Added

• Framer Cloud integration.
• Framer Cloud uploading experience.
• Framer Cloud toolbar icon and popover.

Improved

• JP2 compatibility for different versions of macOS.
• Overall stability.

Fixed

• Highlighting bug of multiline comments.
• Highlighting bug of folds.
• A possible crash when updating modules.

Framer v76

Download

This release introduces the FlowComponent, making it easier to quickly navigate and transition between multiple screens.

December 1, 2016

Added

• The FlowComponent — see full documentation.
• New FlowComponent snippets.
• New FlowComponent auto-completion.

Improved

• JPEG2000 rendering of device resources.

Fixed

• Utils.labelLayer font size rendering.

Framer v75

Download

This release brings huge performance improvements and a visual refresh.

November 24, 2016

Added

• New syntax coloring theme.
• Refreshed toolbar icons.
• Light Layer & Properties Panel Design.
• Google Pixel Devices.
• Modules can be put in subdirectories of the modules folder.
• Limited support for while loops.

Improved

• Performance of the editor and the app in general.
• Alignment of line numbers and edit buttons.
• Contrast of multiline strings and comments.
• Error indications in code editor.
• Converted codebase to Swift 3.

Fixed

• Issue when commenting multiple lines around a code fold.
• Crash when commenting multiple lines of code.
• Sketch importing for text layers with newlines.
• Sketch importing for flipped layers.
• Syntax highlighting issues, including multiline highlights.
• Animating to point, size and frame.

Framer v73

Download

This release introduces a brand new way to design animations with Auto-Code Animation.

October 13, 2016

Added

• Layer and State animation editing abilities.
• New AutoCode Animation Panel for properties and options.
• A way to edit multiple animations (in loops) simultaneously.
• New Layer and state animation insert options.
• New playback controls to loop, play and slowdown animations.
• Keyboard shortcuts for Properties and Options panels.
• Close button to print console.

Improved

• Auto-Code detection of layers in event handlers.
• Auto-Code detection of layers in do-blocks.
• Auto-hiding of print console in edit mode.
• Lookup of delayed animations in Framer.Context.
• Welcome Window Examples and Snippets to new syntax.

Fixed

• Import sheet transparency bug on Sierra.
• Border-radius of input fields in AutoCode Panels.
• Bug when sharing projects with deep subdirectories.
• Bug in stateCycle() and states.next() without options.
• Project showing warnings in the console when sharing.
• Error in console when opening new documents.

Framer v72

Download

This release improves Framer Library’s stability and resolves issues introduced in v71.

October 4, 2016

Added

• animation.finish() to directly jump to a layer’s final state.

Improved

• Support for inline base64 images with Utils.isLocalAssetUrl().

Fixed

• The default animation options of PageComponents.
• Layer names of "0" to correctly show up in the layer panel.
• stateCycle() to keep using the set animation options.
• State animations to correctly listen to options.start.
• Animations to not be executed when no properties were changed.

Framer v71

Download

This release introduces Inline Reporting — a smart feature that helps you quickly find, correct and understand code errors.

September 29, 2016

Added

• Inline reporting of errors.
• Autocomplete suggestions for code errors.
• iPhone 7 Devices.
• iPhone 7 Plus Devices.
• Apple Watch Series 2 Devices.
• Apple Watch Nike+ Devices.

Improved

• Handling of expired licenses.
• Additional Autocomplete suggestions.
• Clear errors when mixing spaces and tabs.
• Jump to error when clicking the error message.
• Changes to modules automatically trigger a reload.
• Always render device when embedded in an iframe.

Fixed

• Line numbers at large font sizes.
• Desktop and TV devices could be rotated.
• Better module debugging in the inspector using source maps.
• VideoLayer for iOS 10 (thanks George Kedenburg III).

Framer v70

Download

This release adds all-new desktop devices, a detachable canvas, intuitive device selection and a more functional Welcome window.

September 8, 2016

Added

• Detachable canvas for dual-screen prototyping.
• Device Launcher for a quick start.
• Apple Macbook Pro Device.
• Apple Macbook Air Device.
• Apple Macbook Device.
• Apple iMac Device.
• Dell XPS Device.
• Sony TV Device.

Improved

• Welcome window experience with community search.
• Welcome window examples.
• Device menu organization.
• Allow hints color to be set.

Fixed

• Touch emulation disabled on desktop devices.
• Custom cursor bugs in edit mode.
• Zooming on custom devices.
• Imported Sketch filenames with special characters.
• Layer Panel scrolling issues.
• Copied layer names in Layer Panel.
• Insert Menu not working after first import.

Framer v69

Download

This release introduces Figma importing.

August 23, 2016

Added

• Import your designs from Figma, the online graphics editor.
• Screen.midX and Screen.midY to return center values of the screen.
• Snippets for hints and sharing chrome.

Improved

• Now firing Move events when scrolling with mouse wheel.
• Now firing Scroll events when animating ScrollComponent.
• Improved loading state when generating project preview images.
• 10 second timeout when generating project preview images.

Fixed

• Keep imports above the Project Info fold.
• Crash on ⌘]︎

Framer v68

Download

This release introduces a new and better way to share your Framer projects.

August 4, 2016

Added

• A preloader for images and media before displaying the design.
• Hints to indicate interactive areas.
• Sharing Component that displays project information when shared.
• Animation option for looping: looping: true.
• Animation option to run instantly: instant: true.
• A Framer.Info snippet in a fold by default for new projects.
• Automatic snapshot creation to give a rich project sharing preview.
• Option to place snippets in folders for better organization.
• A warning when sharing projects with long filenames.

Improved

• Point conversion APIs between Layer, Canvas and Screen.
• Cursor images to be overridable. Find the images in framer/images/.
• Gesture event points to be screen based.
• Image scaling in Chrome on retina devices.
• Devices on Chrome to use .webp compression for faster loading.
• SliderComponent to work vertically.
• midX and midY to return x and y when there's no width or height.
• ScrollComponent naming in layer panel.
• layer.copy now also copy over layer styles.
• Snippet organisation, naming and content.
• Snippet editability with a shortcut (Hold Option when opening).
• Sharing by increasing the maximum file size to 32MB.
• The looks for errors that occur in external scripts.
• URLs to be clickable when holding down CMD.

Fixed

• An issue where EdgeSwipe gestures didn’t work.
• An issue with Framer.Defaults not being saved.
• An issue where Layer names would differ in the browser.
• A reference error introduced when working with States.

Deprecated

• BackgroundLayer as Screen.backgroundColor is preferred.

Framer v67

Download

This release brings Framer Preview, a new way to preview designs across all iOS devices.

July 21, 2016

Added

• Mirror security with an access code per project.
• Mirror menu to contain a link to the new Framer for iOS.
• Support for submenus in the snippet menu by creating folders.

Improved

• Import paths to be clickable when pressing cmd (opens Finder).
• Images to be added by dragging straight from Sketch.
• Gesture Events to be device screen based rather then Canvas based.

Fixed

• Syntax highlighting for numbers starting with a ..
• A scroll lag in the editor when clicking layers in the layer panel.
• The ordering of user added snippets.
• Issues with Sketch 39.
• Font rendering issues in folds on resize.
• Interactions with arrow keys in folds.
• Issues with special characters in document name.
• Positioning issues with Sketch Importer.
• Issues with image loading.
• An issue with scrolling nested ScrollComponents.
• An issue with BackgroundLayer when no device is present.
• An issue where the normal and multi-touch cursors looked different.

Framer v66

Download

This release adds support for MIDI and contains other small fixes.

June 30, 2016

Added

• Support Shift + Tab for outdenting.

Improved

• Change MIDIControl to MIDIComponent.
• Saving of projects for third-party tools.
• Overwrite existing projects by moving them to trash.
• A proxy no longer disables Framer projects.
• Device rotation support.

Fixed

• Several issues on macOS Sierra.
• An issue where the last PageComponent page was hidden.
• An issue where PageComponent.wrap() added sublayers.
• An issue where code highlighting would disappear.

Framer v64

Download

This release introduces Code Folds to help you easily organize big projects.

June 9, 2016

Added

• Code Folds to help you manage big projects.
• MIDI support with the MIDIControl component.
• Importer support for Sketch 3.9.

Improved

• Local preview URL stays the same across launches.
• Auto refresh setting by moving it to the menu.
• Recent files are now keyboard selectable.
• Reloading when framer.debug.js changes.

Fixed

• An issue that sent an email after a crash.
• An issue where the layer panel wouldn’t show all code.
• A hard crash when errors occur with a cyclic data structure.

Framer v63

Download

This release focuses on quality control, speed and overall stability.

May 11, 2016

Added

• Support for PDF and SVG image dropping
• A file manifest for future offline caching
• The build number when you click the version in the about window
• Most common error tracking with the goal to learn about and eventually improve error messages
• Utils.randomImage(size) to quickly get a random unsplash image
• Context.destroy() to destroy contexts
• Color.grey(value) to quickly create grey values
• On/off shortcuts for Events.wrap()
• Visual feedback on JavaScript issues in the browser or on mobile
• A pdf image placeholder for browsers that don’t support inline pdf’s

Improved

• Upload error messaging if unsuccessful
• Looks for auto complete window
• Speed by updating to latest V8
• The way files are saved
• The way auto code works with default values for objects
• Default .gitignore file for projects to exclude updated files
• The size of the error button
• The looks of the update framer.js and download project windows
• Behavior of lines numbers when changing the editor font size
• Utils.round(value) to take increments, min and max values
• Align to directly work with point
• layer.point to optionally take a single number
• Canvas to emit “change:x” for width, height, size and frame
• States to optionally take parents

Fixed

• An issue where undo adding a layer state didn’t remove .states.add
• An issue where text inserted by auto code got garbled
• Multiple undo issues with the editor
• An issue with uploading unneeded files (like “Icon\r”)
• An issue with uploading errors due to ssl
• An issue where Framer would quit before saving changes
• An issue where documents couldn’t be closed, or the app couldn’t quit
• An issue with file backups in /framer/backups
• An issue with the trial button being cut off
• An issue where beta would show the stable icon in the about window
• An issue where reizing ScrollComponent changes the scroll position
• Multiple issues when point, size and frame used Align
• An issue with gestures on Android
• An issue in the touch emulator where you clicked option before you moved your mouse
• Issues setting constructor options for layer.props, layer.copy()
• An issue where tablets would identify as a phone
• A retina image subsampling issue on Chrome and future Safari
• An issue where an invalid context index would be set

Framer v62

Download

This release fixes a lot of issues that version 57 introduced and adds support to do calculations in the Property Panel.

April 25, 2016

Added

• Support for simple calculations in the Property Panel
• Basic metadata like style and string for Sketch imports

Improved

• Visual error state with a new color
• The default font of the Property Panel to San Francisco
• Sketch Symbol Artboards are now ignored

Fixed

• An issue where visually editing layers could lead to broken code
• A set of issues caused by "undo"
• Rare crashes with the type inferencer
• Issues that made files to go into an unsaved state when already saved
• A crash that occurred when using while loops
• An issue where modifying colors modified the color instances
• An issue where setting HTML would change the background
• An issue where symbol overrides were ignored
• Import issues caused by fragile output parsing with Sketch
• Import issue where Framer picked the wrong version of Sketch
• Issue that occurred when properties were set to NaN

Framer v61

Download

This release introduces the Align class to make positioning Layers a lot easier.

April 12, 2016

Added

• The Align class, full documentation here

Improved

• The default Layer size to 200 by 200
• The default Layer color to neutral grey
• How detection for click versus drag works
• The default spring curve to a more subtle spring
• The way images fill if a Layer is too small, this now centers it
• General animation performance
• The application name to Framer.app, dropping Studio
• The default variable name for images and videos is now the file name
• The document upgrade dialog

Fixed

• Issues between draggable Layers and several components