Tag Archives: Framer

Framer Studio 122

Framer studio 61 icon

Framer Studio 122 macOS

Framer Studio is a new creative tool to build interaction and animation prototypes. It allows you to connect pixels to behavior and discover exciting new ways of interaction design.

Design everything with Framer
You need the potential to design something completely new. Framer is a design tool that uses code to make anything possible. Pioneer new patterns and groundbreaking designs. Find the best solution, not just the expected one.
Why write code?
Learning to code allows you to explore every creative concept—not just replicate patterns. Code isn’t just for engineers. If you give it a try, we think you’ll agree code is one of the most powerful tools a designer can have.
Design for any device
Design for iOS, Android, Mac OS, Windows and Web. Framer has you covered for any platform you need. Choose from over 18 devices in a ton of colors from Apple, Google and HTC, Microsoft and Samsung.
Set your creativity loose
Framer does a lot more than transitions or quick animations. Design using real data. Build real interfaces with customizable components. Test and validate all of your creative concepts.
Framer fits your design process
Import graphics directly from Sketch or Photoshop. Need to change something? Simply re-import. And when you’re done, gather feedback by sharing your work on a mobile device.
  • Motion Fine tune every animation until your layers move in harmony.
  • Touch Set up drag, scroll or page gestures with components.
  • Depth Respond to orientation changes and tilt layers in 3D space.
  • Input Capture keyboard input to test and work with actual user data.
  • Data Pull in profile photos or user namesanything with an API.
  • Adaptive Make responsive prototypes that adapt to user interaction.
  • Import Turn your static designs into a working prototype.
  • Preview Preview on any device with a browser, using Mirror
  • Present Present in fullscreen, for a focused experience.
  • Share Quickly share a URL for hasslefree user testing.

Requirements: OS X version: 10.12 or higher
Web Site: http://cactusformac.com

What’s New in Framer Studio 122

  • Release notes not available at the time of this post.

Screenshots

Name Framer Studio 122.zip
Size 71.04 MB
Created on 2018-09-16 00:03:08
Hash 2362581082ab5a4a5d6e0ad018ba9acbf4734dca
Files Framer Studio 122.zip (71.04 MB)

Framer Studio 116

Descriptions for Framer Studio 116

Name: Framer Studio
Version: 116
Developer: Podium BV
Mac Platform: Intel
OS Version: OS X 10.9 or later
Processor type(s) & speed: 64-bit processor

Includes: Pre-K’ed (The Shark)

Web Site: http://cactusformac.com

Overview

Straightforward application designed to make it as easy as possible for developers to build interaction and animation prototypes

Framer Studio is a straightforward and powerful macOS development tool that helps developers design interaction prototypes and high fidelity animation prototypes using a user friendly interface.

Framer Studio is as stylish as it is efficient, a thing that easily becomes evident once you start the application. Framer Studio’s main window features a code editing panel on the left side, a preview panel on the right side, and a comprehensive toolbar on the upper side of its window.

Helps you take your animation and interaction prototyping to a whole new level

Besides the fact that Framer Studio comes with full drag and drop support, so you can drag any picture from your Mac’s desktop onto its viewer window, the application can also help you import files from Photoshop, Sketch or After Effects, for an easier way to transform them into interactive interaction and animation prototypes.

The fact that Framer Studio is a well-developed application with a user friendly interface becomes evident when you take into consideration the fact that it helps you boost your productivity with the help of snippets – small reusable code-blocks.

Features a plethora of useful features that will speed up your prototype building workflow

Furthermore, Framer Studio also features a Web Inspector that helps you discover, inspect, and correct errors in your code and an auto-complete function that makes it easy for you to speed up the process of adding functions, properties, and variables.

Almost all the changes done to your prototype can be handled in a 3D space with the help of its inbuilt full screen mode, and by working with different orientations and pixel densities for a wide array of devices, namely  Watch, Nexus 5, iPad Mini, and iPad Air, as well as iPhone 5c, 5S, and 6.

Easy to handle and smooth-running animation and interaction prototype development application

What is more, with the help of its built-in spring based physics engines, you can give your animations a more natural feeling, and its default filters let you control interface aspects such as blur, brightness, contrast, hue, invert, and saturation.

Taking all things into consideration, Framer Studio is a stylish looking and streamlined macOS application that will be an asset to any developer who wants to build mobile interactions and animation prototypes using a Mac.

What’s new in Framer Studio116

Added:
  • Copy and paste layers with Image Fill from Sketch.
Improved:
  • Pasting of Symbols from Sketch.
  • Pasting of nested Symbols from Sketch.
  • Pasting of open Paths from Sketch.
Fixed:
  • Copying of Frames with Image Fills.

Screenshots

Name Framer Studio 116 [shark].dmg
Size 68.16 MB
Created on 2018-03-20 23:09:52
Hash 9a7d854d4bb10af6ec2c38ce086f8f55fabf9844
Files Framer Studio 116 [shark].dmg (68.16 MB)

Framer Studio 82

Name Framer Studio 82
Size 57.85 MB
Created on 2017-02-06 00:53:08
Tracker http://109.235.50.166:2710/announce
Hash b576f73260fdbc74a0bdd37e12ae8b972839e71e
Files Framer v82 [TNT].dmg (57.85 MB)

Descriptions for Description

Name: Framer for Mac
Version: 82
Release Date: 31 Jan 2017
Mac Platform: Intel
OS version:OS X 10.11 or later 
Processor type(s) & speed: 64-bit processor

Includes: Pre-K'ed


Web Site: https://framer.com/



Overview:
Framer lets you start with simple code to bring your design to life. Test it on any device, iterate as you go and share easily for feedback. Pioneer new interaction patterns or create groundbreaking animation. No limits, no constraints. 


Features 
・Code has never been this easy. Auto-Code makes starting a project as easy as inserting a layer. Define an interaction or manipulate its properties directly in the panel and watch as your code writes itself. Simple syntax, preloaded actions, and auto-complete commands take you from basic designs to advanced prototypes in no time. 
・Live editing in every device. Drag icons, resize images, or move layers directly in the visual canvas. No matter what you do, Auto-Code keeps up with you. Need to see your prototype in its native environment? Framer supports multiple platforms - iOS, Android, MacOS, Windows or Web. 
・Unleash your creativity. Go beyond existing transitions and quick animations. Incorporate real world data and build next level interfaces using custom components. It’s the perfect environment for inventing the impossible. 
  ・Motion - Fine tune animation to make layers move in perfect harmony. 
  ・Touch - Choose preloaded native interaction patters or customize your own. 
  ・Depth - Respond to orientation changes and tilt layers in 3D space. 
  ・Input - Capture real user in put to test and work with actual user data. 
  ・Data - Pull in profile photos, user names, or anything with an API. 
  ・Adaptive - Make responsive prototypes that adapt to user interaction.
・Boost your design workflow. Import graphics directly from Sketch or Photoshop. Changes to your mockups are easily synced to Framer. Ready for feedback? Present in fullscreen, view on a mobile device or share with the world. 
・Get started today. Jump into Framer however makes sense to you. Start with a step-by-step guide, take a Skillshare class or watch a video tutorial on Youtube. Or join our community and get real-time responses to your design questions. 
  ・Resources - Beginner articles, in-depth tutorials, and modules. 
  ・Sketch Import - Step-by-step guide to organize and import. 
  ・Device Preview - Get the iOS and Android companion apps. 
  ・Community - Join th emain Framer group or RSVP to a meetup.



What's New in Version 82:
Fixed:
 ● Saving a project caused a short hang.
 ● Context menu of layer panel did not show with ctrl-click.

Screenshots

Framer Studio 80

Name Framer_Studio_v80.zip
Size 58.07 MB
Created on 2017-01-14 05:49:03
Hash 22cda2fe00fe70b939729a1c6c932550e28ef40e
Files Framer_Studio_v80.zip (58.07 MB)

Descriptions for Description

Name: Framer Studio
Version: 80
Released: January 10th, 2017
Language: English
Mac Platform: Intel
OS Version: OS X 10.11 or later
Processor type(s) & speed: 64-bit processor

Includes: Pre-Activation (install and play) (TNT)


Web Site: http://framerjs.com



Overview
Framer Studio is a straightforward and powerful OS X development tool that helps developers design interaction prototypes and high fidelity animation prototypes using a user friendly interface.

Helps you take your animation and interaction prototyping to a whole new level
Framer Studio is as stylish as it is efficient, a thing that easily becomes evident once you start the application. Framer Studio's main window features a code editing panel on the left side, a preview panel on the right side, and a comprehensive toolbar on the upper side of its window.

Besides the fact that Framer Studio comes with full drag and drop support, so you can drag any picture from your Mac's desktop onto its viewer window, the application can also help you import files from Photoshop, Sketch or After Effects, for an easier way to transform them into interactive interaction and animation prototypes.

Features a plethora of useful features that will speed up your prototype building workflow
The fact that Framer Studio is a well-developed application with a user friendly interface becomes evident when you take into consideration the fact that it helps you boost your productivity with the help of snippets - small reusable code-blocks.

Furthermore, Framer Studio also features a Web Inspector that helps you discover, inspect, and correct errors in your code and an auto-complete function that makes it easy for you to speed up the process of adding functions, properties, and variables.



What's New in Version 80:
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.

Introducing Auto-Code

Screenshots