This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index

September 2015

September 01

Benjamin Den Boer
In the last couple of months, a ton of fantastic content has been released. From beginner tutorials, to complete video courses, to an eBook on writing CoffeeScript for Framer. You can now find all of these resources together in one place. If you have an article, video or presentation you'd like to see included, send me a message! http://framer.com/resources
10
Florian Pnn
For those who are using Framer outside of Framer Studio, what is your setup? I find it frustrating to be limited to one file for more important Prototype and I'm looking for an alternative.
0
Chris Chiusano
I'm having issues with the ScrollComponent.wrap. I can click and drag the layer but it keeps snapping back into it's original place. I've tried looking at the Framer template but not sure where i'm going wrong...
9
Rémy Saddour
Hello, we did it with framerJS for one of our project ^^ The article is in french http://www.nealite.fr/blog/expertise/devis-habitation-etudiants-groupama-10820.htm i made it few months ago (Now I would otherwise :s) => http://nealite.fr/FRAMER/Assurance.framer/
0
Tom Smeeton
Hey Framers. I'm wondering if anyone can help me. I've got a project in which I want to change the properties of different layers in an array individually using states. So far, I've managed to be able to address each layer individually, by 'push'ing them to an empty array, but when trying to cycle states I find that the properties defined in the state are not actually being applied to the layers. In English: I want to change the background layer of the first layer of the array to red, by clicking on it. And the second layer to green by clicking on it. They exist inside a scrollComponent too. The project is here: http://share.framerjs.com/sqlysr7hlcgz/ I would love some help! :)
2
Aaron Paterson
http://share.framerjs.com/hiett9y2a6w5/ Hey guys and Gals, I was having some fun this past few weeks with this built from Sketch 3. It's the beginning of an interaction tool for kids. I'm having a hard with the pupil not changing sizes while tapping. I added the: # Only click on tap moving = false layerB.on Events.TouchMove, -> moving = true # Must be above of TouchEnd/DragEnd layerB.on Events.Click, -> # print "Click!" if not moving layerB.on Events.TouchEnd, -> moving = false but doesn't seem to be working? Not sure what I'm doing wrong because in a browser it work kinda as intended better than the mirrored Mobile version?
6
Ayushi Sinha
Does 'Event.TouchMove()' work on device? I am trying to implement a drag behavior for an android prototype. My code runs perfectly on laptop but I cant get the touch working when I see the prototype on mobile. Please help.
0
贾朝阳
sorry,I can not open up my Framer Studio!!
1
Tiago Joel Domingues Ferreira
Anyone here who uses directly the javascript library with atom? If so, do you use coffeescript or javascript? How do you export your designs from Sketch? Any tips you can give to someone who is just starting? (I am a programmer going into design, so it makes more sense for me to go Atom + Framerjs + Sketch, than Framer Studio + Sketch )
2
Prerak Trivedi
Hey guys, I wanted to know that is it possible to use Framer in Windows without framer app, and is there any tutorial out there for the same?
2
Koen Bok
If you are interested in attending future @framerjs workshops by #framerlondon please add your email here http://framer-london.launchrock.com/ You can also hear london updates on the #london slack channel https://framer-slack-signup.herokuapp.com/ These workshops are organized by Kate Pincott
1
Daniel Lin
What might be the best way to prototype the functionality of a physical-button with a Framer project? - Are there bluetooth-capable buttons on LittleBits, adafruit, etc? - Is there a way to listen to actual phone button presses (volume, power) when previewing on iPhone/mobile?
10
Nick Bewley
Who has a good argument for the pull down to zoom on a banner photo pattern?
0
Moses Tg
A handy module for those who need to simulate keyboard typing in their prototypes (just iPhone 6) for now.
0

September 02

Giovanni Caruso
Have you already seen the new logo? Thoughts about the concept and applied animations?
7
Arvi Raquel-Santos
Apologies if this has been asked before but couldn't find a post for it. When using a custom font, which folder do I embed the font in so that it displays properly when shared?
1
Daniel Lin
Is there a hotkey to outdent a block of code?
3
Kyungsik Yoon
Hello, Framers, a newbie here. Does framer studio support custom resolutions? I'm trying to prototype a concept for Galaxy 6 (1440X2560). Or could I make one with a smaller resolution and blow it up on the device? Cheers,
3
Văn Công Bằng
Hey guys, i am making a module. In the module i have a class (not extends anything) In the prototype function of that class i create a Layer. In the main framer, after import the module, and invoke that function, a layer is created, but it doesn't have a name, so i add a name properties to it back in the module, now it has a name, but i cannot access it in the main framer, it said "can't find variable ..." Any suggestion ?
1
Ryan Luu
Hey all! I'm creating a prototype that plays two instances of the same video file at once. While the playback works perfectly on my desktop, only one video plays at a time when I mirror it to my iphone. Any ideas to why this may be? Thanks! Here is the project file if you wanna check it out:
3
Cole Townsend
Hey guys, I did another animation prototype for the the http://meta.sc landing page, where the finished version was written in VelocityJS. The prototype I made used of a typing effect shared in this group. Check out the framer piece below, the live version on the Meta site above, or the video right here. Thanks for all you're help, gang! http://share.framerjs.com/okgsmiay57by/
0
Ricardo Vazquez
My hunch is the answer is no based on reading the docs, but can you set layer.states.animationOptions to each individual state? I want different curves for each state.
13
Patrick Arminio
Hi everyone! :) I was wondering if the material used in the workshop in London (@ustwo) is available somewhere. I'd like to check it out and maybe start doing some talks here in Italy :)
3
Markus Smet
Whilst off sick today, I was thinking a bit about grid layouts? The snippet isn't really very slick, I'd rather have something I can populate dynamically. Has anyone seen any modules or code doing this?
1
Marco Paglia
Hey guys, is there a way to animate the properties inside a gradient? i.e. if I have this piece of code: bg.style.background = "-webkit-linear-gradient(top, #28AFFA 0%, black 100%)" Could I animate the %, the colors etc. between different states?
1

September 03

Ayushi Sinha
Hi Framers I am trying to implement a touch action. In the attached example, it works perfect in the laptop. The two images get switched depending on the mouse position. Now I want to get the same behavior in the device. But when I use it in my android, it just comes as a static screen. I am doubtful if I am using the right Event. Any ideas on how can I make it functional on my android device?
2
Tim Numan
I made a little module. Drag, drop and resize layers and it'll automatically print properties so you can copy-paste them back into your code. Curious what you think!
0
Yooniq Mi
Hello, Framers, got some newbie questions here. I am trying to prototype a concept that features a side panel with scrollable items. And I'm stuck. Challenges are; 1. Each of the items in the panel needs to be draggable - How do you make draggable items scrollable? - When item is dragged outside the boundary of the scroll object, part of the item that is outside the boundary is masked off -> what are the work arounds? 2. The panel (panel + Panel items) should move as a unit I attached a sketch and put the link to my project file below for clarification. http://share.framerjs.com/cpzwzqp4pb8a/ (only the purple and yellow items are draggable) I would really appreciate any help from experienced framers. Cheers,
0
Jonathan Jacob
Hi guys I'm starting a podcast on app design and UX. What are some of your favorite app?
0
Rory Smyth
Guys, is there any future plan to support sketch files that are created in 1x but need to be viewable at a higher resolution? Like for the nexus5. Working at 1x but importing the assets at 3x
40
Andrew Chin
Does anyone have issues with creating Framer shared links? Tried to do it but got an error telling to look at the console, but the console has no info.
0
Rory Smyth
I've made this simple little module for creating a timeline of animation. Similar to GSAP, you can add an offset to the animation so it'll place itself relative to the last animation in the timeline. It's just an proof of concept, but I like the idea of being able to encapsulate these small chunks of animation in their own timeline. example: http://share.framerjs.com/6hls6zlyookf/
11
Adem Ilter
Hey Framers! We put together a collection of Framer modules. Feel free to contribute! http://framer.parts
16
Christian Poschmann
Hey guys, I'm trying to center the Image within the Device screen on Click, but can't figure out how. Any ideas? http://share.framerjs.com/4lvnr82zbc2c/
2
Chris Wang
Hey guys, I got a question regarding originX, originY. Is it possible to set originX and Y for animating width or height?
15
Josh Davis
What's everyone using as far as Apple Watch Sketch templates for mockups? Framer's site has iPhone versions; would love to see Watch ones one day! Thanks!
2

September 04

JT DiMartile
Has anyone built a module for preventing access to a prototype? Could be an input field, or a clickable pin pad, but something that can't be circumvented with just viewing source?
7
Lee Jungyoung
When using PageComponent inside of ScrollComponent, both of them are reacting to cursor's move. So I put some code for fixing that more proper way. I used scroll.velocity to catch whether this move is 'scrolling' or 'paging' at the first frame. Second PageComponent in the video is my version. Check and let me know how you think ! http://share.framerjs.com/ukdu1c6kmoad/
10
Benjamin Den Boer
Hey all! Here’s a new SliderComponent Example. Learn how to prototype a simple photo filter app with a set of sliders that adjust the intensity levels. You can tweak the contrast, brightness and saturation. I’ll be sharing more SliderComponent examples in the coming weeks too! Hope this helps. :-) See: http://share.framerjs.com/f0k2wlsydshb/
2
Koen Bok
This article by Andrei (past lead Photoshop designer) is a pretty great read about design, code and product work. https://medium.com/twenty-years-in-the-valley/one-of-the-biggest-mistakes-i-ve-made-in-my-career-72bf27c538b4
8
Martino Bilello
Hi everybody! Can anyone explain why sometimes I can't start Framer on my machine. All I get is the loading spinner.
2
Jiaxin Chen
Hey framers, how to change the font on Framer Studio now? Thx~
1
Fran Pérez
Who can explain me this?
11
Dennis Kerzig
Dear Framers, what is the most straightforward way to build your own device-frame? I have already seen this: https://goo.gl/wJyPPa which is far to complex for my purpose, I just want to put a grey bar on top of my screen and a drop shadow underneath, so no extra image is needed!
3
Fran Pérez
Hi guys! Is there a way to force .currentPage to update in a PageComponent? I'm basically removing a page and reposition the rest, but .currentPage only gets updated when you move/drag the PageComponent…
1
Nick Bewley
Something I have always wanted in the Uber interface. For when the pin is dropped in the wrong location, or when you are moving to a new location. https://dribbble.com/shots/2230178-Uber-Moving-a-Pin
1
Tara Tan
Is there a way to change the background color of an icon imported from Sketch?
0
Comést Savatino
I'm experimenting with creating a module. I've seen example modules that only use exports.MyFunction()... While others have extended the Layer class. What's best practice here? Also, how exactly does "options={}" work? i.e. class Foo extends Bar constructor: (options={}) -> super options
8
Rhys Merritt
If I wrap a superLayer in a scrollComponent, am I able to define separate scroll speeds for different layers within the superLayer? An example of this would be trying to achieve a parallax effect when scrolling vertically.
7
Qixing Zheng
Hi Framer friends, I'm new to this group. Has anyone build a prototype that has a draggable layer on top of a ScrollComponent (e.g. a draggable button on a scrollable list of content)? I'm trying to do this in my latest prototype and is having trouble to disable the ScrollComponent scrolling when I drag the top layer around. I tried both layer.ignoreEvents and "scroll.scrollVertical = false" when the dragging the top layer, but it didn't work. Any advice would be much appreciated.
7

September 05

Chris Wang
Has anyone run into this issue from Sketch? The sketch file worked fine at first, but after another import, seems like framer recognizes the artboard as bigger as the original(1080x1920) in sketch, and also positioned it at a weird place, x:-100, y:-100.
2
Guillermo Romero Jr
I'm a noob, so I'm wondering if this removes the layer from memory in the process?
3
Josh Ackerman
Another idea for a smart TV, animated channel switching. Like on Dribbble: http://drbl.in/pThz
2

September 06

Fran Pérez
Why when dragging a page "out" of a pageComponent, the pageComponent.content moves and reposition itself? How can I avoid this?
7
Irwansyah
Hi guys! I finally have the time to fulfill my vision on porting Framer API on top of Famous. This is the repo: https://github.com/irwansyahwii/SimpleLayer Currently, it can create a Layer, a BackgroundLayer. Animate the layer using rotation and borderRadius. Still a long way to go but I believe I will get there :)
4
Chris Wang
Hey Framers, I just made my first fun prototype based on Google play newsStand after finishing reading CoffeeScript for Framer.JS. It was a short nice read. It wasn't as easy as I thought, mainly blocked by importing issues with Sketch. But it surely was pretty fun making it. http://share.framerjs.com/zmbpnkjdtz8p/
1
Văn Công Bằng
Hey guys, is there a module that replicates the over-scroll effect of Android ?
2
Jiaxin Chen
I tried so many times, but it just doesn't appear:
6
Ayushi Sinha
How can I show an animation from right to left with the object's position remaining constant? Like, a bar growing its size leftwards.
2
U-Kyung Kim
http://share.framerjs.com/f4o6dgqsgps9/ To practice Draggable property, I made this simple game :)
4

September 07

Christina Norman
Hi, is it possible to change the visual representation of the touch area / mouse from the default (translucent circle)? I.E. to a mouse pointer.
1
Javier Chávarri
First attempts to integrate Framer with HammerJS. Still a lot of things to figure out though. http://gph.is/1iq9OAT
3
Arron J Hunt
Ok, so for a couple weeks now I have been unable to load modules into any project. I thought I was doing something wrong, but this is a brand new project with no changes made. Anyone else had these problems?
7
YoungIm Jo
Anyone has trouble importing PSD with Framer generator? When I try to import PSD to Framer studio with 'import' or with Framer generator, both create sliced images but not layers.json(neither layers.json.js).
3
Kyungsik Yoon
Hi, is it possible to change the dimension and position of the scroll object dynamically on events? ie - long press on a part of scroll content triggers the change. Thanks~
2
Nick Hanigan
Hi.. I've done the 'udemy' course and read little book of coffee script (and leveluptuts for sketch). Are there more resources or help desks I should have to learn / worked with? (Im tackling the example page but feel I need one or two more books to help there as I'm a programming novice).
2
Arron J Hunt
Working on a JSON powered UITableView module
4
Koen Bok
Advanced computer graphics for dummies:
1
Tom Smeeton
Hey framers. Tricky one here for you. I'd like to create something like in this video here: https://www.youtube.com/watch?v=V-mdIpwv38o -- it doesn't actually have to react to music, but just randomly bob up and down like the video and go around a central circle (I've managed to do some in a straight line already, but that's not what I need). If anyone is up for the challenge, I'd love to see what you can come up with :)
5
Fabian Buijing
My first 'lets try Framer' project has got a bit out of hand, but so has the length of my code.. I tried to make my app design interactive with transitions and all, and also always being able to update the design with help of import. Unfortunately my script is now way to complex and long.. Can anyone give tips to optimize/shorten it?
6
盛碧星
I can't loading my project ... always after I reload it like this...why ? how do help?
6
Jeff Barnaby Léonard
Getting strange error on an imported object. "TypeError: undefined is not an object (evaluating 'layer.subLayers')" - The only line of codes in there are : # This imports all the layers for "A012Before1" into a012before1Layers4 screen1 = Framer.Importer.load "imported/A012Before1" # Wrap the imported content layers scroll = ScrollComponent.wrap(screen1.content) Any idea how I can troubleshoot this?
0
Burak Kantarcı
Hi everyone! Today I purchased for the FramerJS! (Applause Applause) However, I entered my old mail address because of the Chrome's autocomplete. I have recorded my licence key is though. Will it be a problem for the future usage? I havent start using my licence and I sent a mail to the framerjs team about this issue.
3
Robert van Klinken
Hi Guys, Played around with Framer to see how Force Touch could work. It will be interesting to see how this will actually be implemented when Apple launches the new iPhones. http://share.framerjs.com/bje0oppq4cxr/
0

September 08

Vaibhav Kanwal
Hi folks, I am trying to work with the input text field and need an on focus event but I am unsure how to get this to work. I tried the below statement but this gives me errors. inputElement.on 'focus', -> Any pointers?
4
Rıza Selçuk Saydam
Framer Inventory for Sketch App - Fastest way to create linear prototypes 👍 http://timurnurutdinov.github.io/framerinventory by Timur Nurutdinov
3
Sarvagya Vaish
Is there an android material design template for FramerJS?
2
Josh Davis
I'm having an issue with the Apple Watch view and scrolling. I have the scrollable working on an image, but it only scrolls if I click and drag from the bottom. I can't click in the middle of the image and scroll it like I can with other scrollable components. Any clue why?
1
Roland Lösslein
Hey framers, is there any best practice to set the width of a layer to the width of its HTML content? Help is appreciated!
1
Koen Bok
We're gearing up for another big release and we can use some more beta testers. If you'd like to help us out (and take a peek at what's coming) download the beta at http://framer.com/beta. You can report bugs at [email protected]
13
Anton Jarl
Hi, I'm trying to replicate Apple.com's mobile menu. I have everything done and I'm looping through layers with the menu items and animating them with some delay to get the same effect. The for loop triggers on a click event. Now, the problem is that I want to reverse everything when clicking the menu button again. How should I do this? Everything else (menu/close button etc) is done by Events, but since I need to loop through the menu items Events isn't the best way to go. https://dl.dropboxusercontent.com/u/599455/AppleMenu.gif
6
Blaine Billingsley
Got a couple questions about draggable/input fields. I have a text field that I want to be able to focus on and type into (a la Ed Chao's example), but I also want to be able to drag its parent element up to reveal other content. Whenever I set draggable to true, it kills all of the focus/blurring on the child elements. How can I get these two interactions to play nice?
2
Arron J Hunt
[SOLVED] How can I create a module with a dependency (pulling in another module)? For example I'm creating a testModule and need to use Wahlström's textLayer module. I tried requiring it before the testModule but no dice.
9
Mohammed Morsi
Apple Watch friends concept. Playing around with FramerJS http://drbl.in/pUpE
3
Jeff B. Léonard
Greetings, I have an input element which works just fine, however in order to get that element to scroll I have made it a child of an element that was imported from photoshop. When I do that the input field is no longer editable/clickable by the user and no longer gets the focus attribute. Any idea what I could be doing wrong?
8
Peter Lada
Does anyone know if its possible at all to listen for a change event on scrollY/X? I want to use a modulator when using the `scrollToPoint` method of a scroll component, but it doesnt seem to trigger move/scroll event listeners.
4

September 09

David Louie
We're in the App store now so I can share a Framer prototype for reviewing visual files on a mobile device. Can’t sing the praises of Framer enough in helping us go from rough to hi-fi. And I firmly believe that Framer can be used for more full app prototypes. http://dlouie.me/HightailSpaces/mobile_mockcentered.framer/ https://itunes.apple.com/us/app/hightail-spaces/id1030972058?mt=8 We’re still at an early v1 so the prototype is still ahead of the app ;-)
0
David Lee
As soon as I updated the latest version, it produces error saying "Cannot read property 'replace' of undefined", which worked well before. It seems like it has a problem with pp["song#{i}"] syntax. Can anyone help?
6
Berend Holtland
Hi Guys, I've got a simple question. We want to make a webpage for new employees containing some of our Framer prototypes. We want to host the prototypes permanently on our own server. is this possible? Also we would like to have a button that shows the source code (like in Framer > Examples). Is that possible in some way? Thanks in advance! :)
4
JT White
Anyone else running into this error when trying to update Framer Studio?
1
Shrey Malhotra
A quick look at PlankJS - An incredible prototyping tool built in the cloud ! #plankjs PlankJS is powered by Framerjs, making you feel right at home ! PlankJS is still under production, but we are working hard to get it out soon. Hope it helps you to be more productive. PS - If anyone is interested to help in a beta test, will be happy to send an invite before release. [ plankjs.com ]
39
盛碧星
inspiration by Liam Gillespie https://dribbble.com/shots/2098940-Multiple-Address-Concept
0
Johan Thoresson
Hi, anyone got a working example of loading external json into framer? I get it to work when opening my project directly in safari but in framer studio, I run into cross site scripting security issues...
6

September 10

贾朝阳
what is the meaning of this?
1
Fabian Buijing
I have multiple content layers (one for each page in my design) that I put in the same ScrollComponent. When I click and show a new page I then change opacity of the content of that page. But.. the content of the second page has a larger height than the first page. So now first page scrolls too far for it's content (screencaps). So I'd like to set the height of ScrollContent for every page, but I get a "ReferenceError: Can't find variable: ScrollContent"
10
Chase Curry
Have a technical issue- Framer is opening, but won't open any files. I can't get "License..." to open anything either, so I'm concerned about uninstalling. Anyone ever run into this? I had framer open, realized I was running out of hard drive space, so I deleted a few things and restarted. After restart, framer took a while to even open, and now it won't open any of the open recent files. Dragging folders onto the icon doesn't work either. Thoughts?
1
David Louie
Am I mistaken or could you use dot snytax to refer to nested layers in a sketch file before? So sketch.layerA.buttonlayer worked as well sketch.buttonlayer? I have icons with the same name nested in Groups that I want to refer to specifically.
4
Ola Laurin
Is there an easy way to hide the child layers overflow when in a rounded corner of the parent layers/superLayers borderRadius?
2
Ola Laurin
Here's a little something to test your upcoming TV icons with. Edit: Made for desktop not touch.
0
David Lee
Is there a way that I can ignore superLayer's event when clicking its sublayer? (except for playing with .clientX and Y values)
1
贾朝阳
» "Warning: Cannot make layer 'screen' a global, a variable with that name already exists" when I code:"Utils.global Layers filename"
1
Raunaq Gupta
Is there a way to see all the shareable links that have been created from the studio plus remove them from the public cloud?
2
Stephen Crowley
Just a reminder that tonight is our FramerJS Seattle workshop- come hang with fellow designers of this awesome community! https://www.facebook.com/events/631196187022196/
1
Winston Liu
How to make framer project fit to screen when run on actual devices with Frameless? All the layers are completely off position when I try to play with the sample project on my iPhone 6+. The sample project is by Sean Mateer http://share.framerjs.com/qg9q3ygjc4mc/
8

September 11

Ee Venn Soh
I have generated a bunch of images using Framer Generator. How do I put images A, B and C into a layer and images D, E and F into another layer. So I can easily change the visibility of each layer as I move from one screen to the other?
1
Mohammed Morsi
Recreating 3D touch animation using framerJS — Messages Peek http://drbl.in/pWeK ... code: http://share.framerjs.com/ce9jm6fow9q3/
3
Rémy Saddour
Hi, I like to know if it is possible to enable the scrolling trackpad / mouse on ScrollComponent layer in the case of a desktop prototype or if i have to go through the old method layer.scrollVertical = true on a single layer ?
2
Benjamin Den Boer
Hey all! Here's a new Apple Watch prototype of Glances. Uses a set of imported screens and wraps them within a PageComponent. Also includes page indicators. You can swipe up from any page to return to the home screen. Also displays the actual time! Because why not. :-) http://share.framerjs.com/9mvt27cteafq/
9
Jorn van Dijk
In the past few months we’ve worked with Jay Stakelon to create a set of 5 tutorial videos. Today, we’re launching them to our new channel on YouTube. These videos are a great place to start learning Framer. The first video gives you an overview of what Framer Studio is all about. The other 4 explain step by step how to create common iOS interactions. We think you’ll love the clarity and depth these bring to prototyping with Framer.
12
Keith Lang
I thought about this looking at your beautiful site…As diversity gets discussed lately a lot in our space I'd would love to see some more kinds of hands in the Viewer and on the site. I appreciate the challenge—stock photo site images don't seem diverse. Perhaps if you can't buy stock, you could commission some and give them away as a resource and perhaps make some nice press out of helping fix the problem. As always, thanks guys!
6
Vivian Cromwell
I know this has come up before. But I am curious to know those who have used both framerjs as well as the new flinto for mac for in screen micro transitions. It seems Flinto for Mac does a fine job for non-programmer, just wondering if you can do more with framerjs if you have a programming background. thoughts?
5
Jason Ogle
Hey Framily, is there a way to scale your prototype to support different phone resolutions?
6

September 12

Robert van Klinken
Icons on Apple TV are going to be great. Couldn't help myself to recreate the settings icon in Framer. http://share.framerjs.com/ndbnniojf2in/
17
Arron J Hunt
Anyone know a good method of having a layer expand it's height to fit its html? I have a layer with a long string of text and I want it to auto-expand its height to contain it.
5
Ryan Gambles
This may be more of a coffeescript question, but here goes. I'm attempting to extend PageComponent to make a proper version of my looping page component behaviour. My simple start was just to do this: ------------------------------------------------------------------------ class exports.LoopingPageComponent extends Layer constructor: (options={}) -> super options loopedPages = new LoopingPageComponent() ------------------------------------------------------------------------ However, if I then attempt to manipulate any of the properties of an instance (ie. loopedPages.visible = false) I end up getting an error: 'undefined is not an object (evaluating 'baseType.dynamic') Wha happened?
3
Weston Thayer
Has anybody else noticed that the mouse down isn't firing Events.TouchStart on Windows, Chrome build Version 45.0.2454.85 m? Is there an issue tracking it? Edit: Nevermind, this is because I'm on a 2:1 laptop that has a touch screen. Utils.isTouch() is returning true.
0
Christie Day
hi all! I'm brand new to framer and have a few questions.Oddly enough, what seems to be the simplest part of the prototype is giving me the most difficulty. I am trying to animate a progress bar that moves from left to right over the timeframe of 15 seconds. There is a series of 3 pages in my page component and this progress bar would exist on each of the three pages and last only 15 seconds before automatically moving to the next page. Can anyone point me in the direction of some documentation on how to do this? or have any advice on how to do this? Thanks in advance :)
1
贾朝阳
the coffee file how to be js file?
0
Arvi Raquel-Santos
I know this has been asked before but couldn't find anything when I searched. Is there anything that I can give to my engineers in terms of code so that they have a starting point when they begin building what I have prototyped?
3
Marc Krenn
Hey framer community, I’ve just uploaded my first three modules to github and I’d like to share them with you. Now, while their functionalities are all pretty basic, I hope some of you may find them helpful anyway: * ‚degrees‘ calculates the angle in degrees of either two points or between the current and the start position of a draggable layer. Git: https://github.com/marckrenn/framer-degrees * ‚distance‘ does the same for - well, you guessed it - distance. Git: https://github.com/marckrenn/framer-distance * ‚constrainToCircle‘ enables dragging for a layer and constrains its movement to a circle. Git: https://github.com/marckrenn/framer-constrainToCircle And I’ve created a project showcasing the combined use of these three modules: http://share.framerjs.com/x1ix3bfms3fk/ Let me know what you guys think. Thanks!
7
Ray Yip
My first try of Module: UISound https://github.com/RayPS/Framer-Module-UISound
2
Andy Cetnarskyj
What is the best way to do a time based prototype? So at x mins do this then x do that. I know there is the time properties but was wondering if better to set a global clock and then have event listeners?
3
Văn Công Bằng
Hey guys, what does the screenScale, screenScaleX, screenScaleY, screenScaleFrame do, couldn't find their usage on the docs ?
1
Josh Ackerman
I made a 3D Touch prototype using the new force events in Safari 9. If anyone is interested I will release the source upon request. To use force touch in a prototype: Layer.on "webkitmouseforcedown", -> doSomething() Remember this only works on devices with a force trackpad and the latest version of OS X. Like on Dribbble: http://drbl.in/pXar Source: http://share.framerjs.com/c7xzzvxk5jlc/
3

September 13

Isaac Weinhausen
Can Framer Studio be opened from the command line? Would love to type "framer project.framer"
2
Ayushi Sinha
I want to achieve an effect of a page flip animation, like that in flipboard. Are there any plugins that I can use in framer? I find couple of jquery plugins but can't get those to work on framer. Can someone please guide me how to go about it?
0
Paul Wan
framerjs once giving me a headache because it shows the white screen on the customer's old Android phones(4.0+), especially in the webview in one app. Now, My colleague found the problem, dealing with the issue terms of time (note I mean framer.js build). I hope @Koen Bok can fix it in the Framer Studio inside. And I hope framerjs not only for prototyping, more hope that it can be used in a production environment. Finally, very grateful to framer designer team bring such a wonderful tool!
1
Will Simons
Beginners question... but how do I reverse the direction of a rotating object? At the moment, my code looks like this: Utils.interval 0, -> hands.animate properties: rotationZ: hands.rotationZ + 60 How do I get the layer to rotate in an anti-clockwise direction? Cheers. And thanks.
3
Dan Clarke
Hi Framers I thought you’d be interested to see a little bit of fun I’ve been having! I love pixel art and I picked up ‘Pixen’ on the app store for $10 (recommended!). So I set about creating something else I love, Alien. I created a few frames and put together this interactable animation in Framer. I took some inspiration from Jordan Dobson’s presentation on his periscope mockup (http://bit.ly/1OnzIl5) to create the saliva which was great fun. Animating opacity, height and width as it falls too. I’d like to make some improvements, I’ve had to scale the image by a factor of 8 from Pixen, which I think I can fix by just doing screen grabs. There is also the occasional flicker on the startup animation, though I’m not sure where it is coming from. Let me know what you think :)
1
Irwansyah
Hi guys! I just updated my SimpleLayer code. I replaced the technique from creating my own Layer class into using Framer's codes and then only replacing the core animation codes with Famous. So now SimpleLayer can run your code without any changes.
0
Zachary Gibson
I'm trying to change the height & width of a layer by dragging up; using an event listener to change the size by the layer's y value works except the value is descending. I need a value that ascends so the layer can grow. Any ideas?
3
Aatur Harsh
This is my first work with framer... please give feedback
10

September 14

Ee Venn Soh
I have 2 images and I want to alternate the visibility between the two of them. By showing image A then hide it, show image B then hide it, then show image A again and so on... What will be the best way to do it?
6
Dennis Hatwieger
Hey guys, I’m doing a little research for my upcoming master proposal. It’s going to be all about documentation of dynamic and interactive elements and systems. Right know I try to understand how designers and developers create long-lasting documentations and style guides for such complex behaviors. Thats why I’m really excited to get to know how you guys document your animations and interactions for your clients / developer / other designers. So if you’re eager to help me out it would be fantastic if you could write about your documentation process in the comments, drop me a PN or get in contact with me via [email protected] (I try to synthesize all the experiences I get and publish the outcome afterwards.) For the german speaking folks out there: I outlined some first thoughts on the topic on medium https://medium.com/@Denn/master-proposal-ff018bcde53e All the best Dennis
0
Siavash Shabanipour
I really like the idea of Sketch importing, however I find that I have to do quite a bit of house keeping on my Sketch file to get it ready for importing. I think the biggest issue for me is that the importer grabs every group and imports it as a separate layer. It would be great to be able to tell Framer Studio which groups you want to import. For example adding curly brackets around groups you want as a layer. In the case of a parent group I would imagine it would flatten everything inside the group unless you have curly brackets around the sub groups. Not sure if this is the most elegant solution. Does anyone have any suggestions on how they get around this, other than ungrouping sub groups and regrouping as a single group.
8
Giovanni Caruso
Had some fun recreating the experience of Mail peek (iOS9 3D Touch | no force touch event). Project file: http://share.framerjs.com/luvv940t2vb1/
1
Jordi Martinez Ortega
Any example on how to include jQuery and other libraries in to your Framer project?
2
Ray Yip
Just another try of #Module Shake Event: https://github.com/RayPS/Framer-Module-ShakeEvent
2
Keith Lang
Feature request: Support drag+drop image 'promises' from Sketch. I love the feature in Sketch which lets me drag an image from the export thumbnail directly into another app. I believe this is done via a 'promise' which is technically a little different than an actual file (which FS **does support). So workaround is to drop into Mac Folder first, then drop in. But would love to drop directly from Sketch into Framer 😊
0
Laura Galbraith
A newb question: Is it possible to control the transitions for the Page Component ? I know how to modify a bit but I can't figure out how to change it so the X and Y axises don't move for each page... to only fade in and out.
5
Irwansyah
This is a simple animation that I created in SimpleLayer: https://youtu.be/D1rlc3Widoc Source code here: https://gist.github.com/irwansyahwii/c7a47d991d897908494d
2
Marcelo Eduardo Oliveira
hey Jay Stakelon did you hear from anyone about issues on Video auto play in the beginning of a prototype (on Framerless of course )? If I rotate the phone, or even shake it, video start playing. But when a simple reload happens, it never plays.. Any tip? Video size is actually small, but dimensions are big ( and I am scaling it up 2x )
3

September 15

Rohan K
when i change the height of a layer imported using sketch...the height changes (as evidenced by the layer inspector), but the value for minY/maxY do not change... anybody know why?
0
Irwansyah
[Out of topic] Hi guys! This post is just to satisfy my curiosity. I always wonder if there is a correlation between a coder personality and the way he codes. For example, comparing the source code of Framer and Arva. I get the impression that the contributors of Framer (or maybe Koen Bok only) has a direct communication style and prefer simpler thinking and simple lifestyle. While Arva contributor is the opposite. What you guys think? Is my description matched with your personality Koen Bok? :D
0
Matias Seijas
Hey guys! I'm new to framer and scratching my head over this one... How do I rotate an object around an external axis? Thanks for your help!! :)
4
Edgar Lechaudel
Hi Framers! Could someone explain to me the reason why the property Scale of a layer delayed the Spring Curve animation? See the video below to notice the issue I'm facing... thank you very much guys!
5
YoungIm Jo
Is there any way that I can detect Screen 's size change? It seems that attaching eventlistener 'change:size" on Screen doesn't work. I don't want to introduce jQuery $(window).resize only to listen the size change of Screen. Thanks in advance! :)
2
Kyungsik Yoon
Hi, Framer folks, Is there a way to download a framer file to run it on a device (using framer app or a browser) rather than mirroring it via WiFi or uploading it to share.framer.com server?
0
Ray Yip
A question about #Module & #CoffeeScript. Is it possible to add a custom properties for Layer? Thanks!
15
Andreas Wahlström
Wrote a module for adding Font Awesome icons to your prototypes: https://github.com/awt2542/fontAwesome-for-Framer Useful for quick mockups! Full list of icons here: https://fortawesome.github.io/Font-Awesome/icons/
8
Aatur Harsh
Hello All, I've add few more interaction to the screen. Can you please tell me how to make a default state after going to the search screen. And also please tell me how to define animations for individual layers. Check prototype here...
5
Jiaxin Chen
Hey guys, I'm using El Capitan now. When I close one document in full screen state, Framer Studio will clash, everytime. BTW, I use the second screen.
1
Florian Pnn
When you add a border width, the center function isn't working anymore. Is it an expected behavior?
0
Joshua Tucker
Hello all! Anyone have a clever way of stopping a switch event from firing? I have a layer that switches between states on a DragStart and DragEnd. The switch fires with no delay on DragStart and has a 3 second delay on DragEnd. If I drag again before the layer hides in 3 seconds, it essentially stacks and then it just flickers between the two states until it clears the "queue." I was digging in source and not sure if there was a better way other than hacking around with _previousStates and possibly just changing its _currentState to a previousState to avoid constant firing. Not sure if this would work however. Also, on the same vein – if you set a delay on a switch, Events.StateDidSwitch fires before technically the animation begins, let alone ends. Intentional?
7
Christie Day
Does anyone know if you can remove the native status bar from your prototype when viewing it on your device?
2
U-Kyung Kim
Hello Framer fellows, I'm having trouble with disabling scroll and drag on pageComponent. It only works when I set the view as a scrollComponent. Does anyone know why it only works with the scrollComponent? and If anyone knows how disable the scroll and drag function on a pageComponent Please comment on this post.
6
Rohan K
So I have what is probably a very simple question : I have created multiple layers with an icon image. Each layer is created dynamically but named uniquely by appending a counter to the layer name. When the icon image is tapped, an overlay action sheet with a notify button slides up. When notify is tapped, action sheet exits, the tapped icon disappears and the icon's parent layer moves right by 50px. The parent layer is also created dynamically and named with the same counter. How do I set up the event for this? This what I have tried so far... (spoiler alert: it doesn't work)
2

September 16

Thomas Law
I cannot open my prototype in Frameless, iOS9. Only shows a white background. Why?
7
Rene D'Cree
hi i am new to framer. i had to prototype a typical workflow, with some screens and buttons and some taps and screen transitions. i began to do so with framer and thought of a couple of options and problems. >> i thought that maybe we could have a single layer and then all the different screens could just be added as a state to this single layer and transitioned with taps. not sure if that would work, maybe because each state is supposed to have new assets, new buttons and all. and ideally, as i think, that states are supposed to be done with the same assets having different properties. (Q1) is this a good way to do multi screen flows, or is there a better way? >> other option is exporting all the assets from sketch in the exact width (ie width_720px * height_variable) and then individually construct the page by targeting and arranging these assets with code. >> another problem is importing assets from sketch. so in sketch, i have a screen for each state/module of my workflow, distributed into pages and several artboards within the individual pages. the problem with importing is, that it only imports the current artboard on the current page of sketch. that is fine. (Q) but what to do when we have to import all the different screens and use them separately from each other? i initially thought that even while importing, i would be able to target which page/artboard in the code itself. i tried adding an extra slash in the end of the following line of code and referring to the artboard i wanted to target. but this threw exception, if this -> runnrui_w720Layers = Framer.Importer.load "imported/runnrUI_w720" was written as runnrui_w720Layers = Framer.Importer.load "imported/runnrUI_w720/artboardX" given the state of importing, i am more tempted to export all the individual assets that i need to design all my screens, spend time naming them, then strap any page from these assets in code. i basically am clueless about the best advised practice to build mockup of a complex app with several screens. maybe i need to up my knowledge of this framework but could anyone suggest me about the steps ?
3
Edwin Van Rijkom
We've just released a new version of Framer Studio. It's a pretty big update that includes an all new code editor and Smart Autocompletion. We're hoping that it will make coding Framer prototypes easier than it ever was. http://blog.framerjs.com/posts/write-better-code-with-smart-autocomplete.html
17
Florian Pnn
Hi guys, I came across a weird behavior with the events listener for "stateDidSwitch". It seems the events is triggered before the event is finished. Any known workaround? @Koen : Should I send a bug report? http://share.framerjs.com/98n0dkjk7u6a/
1
Ádám Ridovics
What are the requirements for the Framer Android app? I can not install it on certain devices and the Play Store is not helpful at all...
1
Vicky Yang
Hi, I’m trying to make a “Back to top” button. When the user scrolls to the 3rd yellow section, the “back to top” button should fade in. When clicked, the page should scroll back to top where the first blue section is in the viewport. I can’t get past the .click to top part. Would really appreciate it if someone could help! Here is the link - http://share.framerjs.com/0htd9c7gqs13/ Thanks!
5
Benjamin Den Boer
Hey all - here's a new prototype of the Apple Watch Music App. It displays the time, and allows you to play, pause and adjust the volume of a track. It also contains an updated version of the AudioPlayer Module, with a bunch of fixes and updated prototypes. Hope this helps! :-) http://share.framerjs.com/xlq569grki96/ https://github.com/benjaminnathan/Framer-AudioPlayer
5
Leon Kosters
Hey guys, Today I used Framer for the first time and I'm really liking it. But have some questions about creating a nice 'popping' effect like this prototype by Benjamin: http://framer.com/examples/preview/#profile-picture.framer I've created a portfolio page in Photoshopped and imported it. Now, the second rectangle of the grid is a clickable rectangle, sliding in a fullscreen imageslider. But I rather like the animation Benjamin created for his Profile Picture prototype. Anyone maybe wants to help me? What do I have to change in the code? Tried to much.. My prototype: http://share.framerjs.com/cojoltu0kpwo/
0

September 17

Christy Yang
Hello everyone! I am trying to figure out what is the best way to make a circle mask that masks a group of assets, not just one...and when you tap it expands to reveal. (like a "secondary screen"). Are there any examples or codes that anyone can refer me to?
16
Ola Laurin
Does anyone have an idea of how to recreate this demo in Framer: http://www.kirupa.com/snippets/move_element_to_click_position.htm I guess I'm asking there's a way to use offsetLeft, scrollLeft and clientLeft in Framer.
7
Josh Rule
In the 4th Framer Tutorial at the end Jay Stakelon adds a conditional to check to see if the scroll event is not moving. If it's not moving then it will fire a bunch of animations. The problem is that it takes way to long for the scrolling to stop. Is there a better property to check for in the conditional than the isMoving property? You can see the conditional on line 17 here: http://share.framerjs.com/tluq1s83z9zt/
8
Karthik Qtp Selenium
#SeleniumWebdriver #LiveTraining: Registration: http://www.itelearn.com/online-selenium-training-fb Join us for our Selenium Webdriver with Java Live Training Day-01 Demo Session on September 21st at 7:00pm (PST) and September 22nd at 7:30am (IST). Visit: www.itelearn.com/events/selenium-webdriver-training
0
Arron J Hunt
Hey guys, Anyone here requiring Framer as a required skill for hiring? We recently decided that all new designers should either have Framer experience, or a willingness to learn. We want to have all our designers be able to design AND prototype anything they need. We'll see how it goes ;)
19
Patrick Keenan
## Support for working at 1x Is there going to be support for working at 1x in sketch but also using device frames. Right now I've been painfully replacing assets in framer, then creating an S variable and multiplying it by all units I use so for nexus 5: S = 3 toolbar.height = 64*S then just S = 2 for iPhone 6 I imagine working across devices is a common thing, as well as working at 1x in sketch files. The other side to this problem is importing sketch files. I would have to upscale all my artboards to 2x or 3x which is way more worki than just making the whole thing in HTML. Any thoughts or plans for this support?
6
Cole Townsend
Is there a way to visualize/preview watch apps on an Apple Watch yet?
2
Daniel Lee
Is anybody experiencing problems with videos appearing when a prototype is first loaded. When I use a VideoLayer and call the source from the image folder, the video doesn't show at first. If I CMD +R the video then becomes visible.
0
Chris Wang
Is it possible to double click on a .framer file or drag and drop the file to open it?
2
Peter Pavlovich
Does anyone have a good, high-level description of how one goes from 'concept in the brain' to 'production website' as a detailed workflow including sketch and/or framer? Where do these tools fit and what 'steps' are needed to produce input for them and what format is the output of them and how do you transform that output into the input for the next step in that workflow? Sorry for the long-winded question ...
0
Cole Townsend
Is there a way to specify an animation for layerA.on myScale.AnimationEnd? or perhaps Events.myScale.animationEnd?
8
Jorn van Dijk
If you are in New York next week, we'll be doing a Framer talk at Etsy.
4
Billy Roh
I'm having some trouble with creating layers and applying the same behaviour to all of them: http://share.framerjs.com/dddo2ewdx92a Steps: • Create a layer with some hover behaviour • Add the layer to a map (eg. myMap["myUniqueKey"] = myLayer) Current behaviour: The behaviour only comes through on the last element that I add to the map. Expected behaviour: The behaviour comes through on all the elements in the map.
5

September 18

Justin McDonald
Hi Fellow Framers! Can any of you recommend some good GitHub accounts to follow? I'm looking to fork prototyping code for Framer.js and JavaScript. Thank you!
0
Matt Chan
Anyone have any examples using the native camera? I've seen Min-Sang's Messenger file, but am hoping to build out something utilizing the rear-camera. Thanks!
6
Fiona Rolander
Hey! Is there a size limit when creating public share links? I'm getting 413 error messages :(
7
Metin Saray
Hi Guys, Quick question. My Retina computer opens sketch canvas as @1x, which is 350x667. But framer's views are @2x so i have to double the size of my object, which gets textfields, stroke widths and other dynamic settings messed up. Do you design in 2x to avoid that or am i missing a step? cheers, Met.
5
Arved Baumgärtner
Hey framer people, i'm sometimes having trouble that framer is not identifying 'superLayer' for example when connecting sketch layers with 'scroll.content'. Here the example link: http://share.framerjs.com/fht6zkh77l48/ "superLayer: scroll.content" doesn't work, "cards.superLayer= scroll.content" gets identified. Can anyone tell me why?
5
Ayushi Sinha
How can I create vibration sound on device in Framer? I am using: http://ryhan.org/post/106823687656/quick-tip-to-simulate-phone-vibration-in-a This works good for initial few times but after that it starts giving this error: SyntaxError: audio resources unavailable for AudioContext construction. Any workarounds?
2
Hugo van Heuven
should scroll.scrollToTop() fire an Move event?
2
Johannes Eckert
is this just me? On El Capitan using the latest release version, the latest file list didn't update in a while.
2
Sherwin Dai
I try to figure this out for the past hour but without luck. What is the easiest way to set constraint to a specific page within a page component? for example, if current page is page two, then the user could not go back to page one, but only able to continue to the next page? Thanks.
2
Fran Pérez
Hi! Is there an elegant way to animate non predefined layer properties or in other words, a simple number? I would like to take advantage of the Animation class niceties, like curve, time, etc :)
2

September 20

Siavash Shabanipour
I'm trying to create something similar to Facebooks new modal view for viewing multiple videos on a page (iOS). Look up The Verge and tap a video to see an example. The part I'm interested in is handling scroll and making the layer draggable when you've reached the top of the scroll layer. I've tried a few things but haven't quite got there. Has any one else figured this out?
1
Aaron Paterson
http://share.framerjs.com/ijf398mq0lbf/ Having trouble understanding the pop-up mal-function with upload switch. why is the circle wonky? help please
6
Siavash Shabanipour
Hey Arron J Hunt here is an example of what I'm trying to achieve. The part I'm interested in is being able to scroll up then drag the layer away when you reach the top. *delete previous post so I could attach an example video
4
Ee Venn Soh
Tried using layer.properties method but it is not working? Has it been deprecated?
1
Markus Smet
Can you select a group of Layers by it's allocated name? I have a module that generates a grid using a loop dynamically creating layers with the same name: "tempLayer". I want to destroy these layers later using layer.destroy but can't think how to reference them. Any suggestions?
2
Andrew Nalband
Anybody having trouble sharing their prototypes? Sharing fails and I'm getting this error message.
5
Sangmi Park
Hi, I made a mini game with FramerJS. Hope you find it fun and any feedback will be greatly appreciated. http://share.framerjs.com/58z03zsnw2qs/ https://dribbble.com/shots/2252364-Dribbble-Debut-Shot
2

September 21

Arron J Hunt
iOS has a cool gradient effect on message bubbles. Spent some time today recreating it. The gradient stays static during scrolling while the bubbles scroll. View: http://share.framerjs.com/px7n89jaille/
10
Vika Finkel
Hi everyone! I am trying to figure out how to make a counter. On animation I want the number to run from 0 to 100. Are there any examples or codes that anyone can refer me to? Thanks!
3
William Song
confused as to why it prints "3".... anyone?
6
Jérémy Jones
Hey guys, I would like to know if I can share a demo but only the demo, I mean I don't know to share the code with the client, in other words, remove the open/download button on top right, is it possible? Thanks!
2
Andrew Nalband
Recreating the iOS toggle on/off switch for fun.
2
Giovanni Caruso
Babbel start screen...just for fun :) | Project file here: https://www.dropbox.com/s/fmm12iwohyqat89/babbel.framer.zip?dl=0
2
Bryan Pritchard
Hello all, New to Framer and having an issues as I grasp Coffeescript. I'm trying to recreate the National Geography View Apps style scrolling. This is basically a list constructed of an image and titles and those titles fade in and out as they scroll on and off of the page (I'll leave the parallax stuff till after ). I'm having an issue know when to fade each title as they scroll off/on the page, this is due to me not knowing where the scrollComponent is relative to the actually screen. Anyhelp? if that made sense
2

September 22

Ee Venn Soh
When I create a layer.image the vertical height is somehow clipped by the browser window despite I have specify a height way taller than the screen. Any reasons?
3
Ayushi Sinha
Hey guys! Quick question: How do I get a custom font working in my prototype? Where do I embed the font file?
3
Florian Butour
hello framer ! may can you help me ? I have an issue with a very basic piece of code: let me explain: I would like to copy a layer from a sketch import and replace the copy in the superLayer "liste". that's works for the copy and the renaming but that it ... the copy stays at the top of the layer liste and doesn't move into the SuperLayer peter_copy = sketch.peter.copy().name = "peter_copy" sketch.liste.addSubLayer(peter_copy) May be someone had the same issue ? Thanks!
2
Hoffer Gábor
Hi there! I'm looking for an example that has both portrait and landscape orientations in one proto. plus it works with actually turning the device itself (not in Framer Studio) - Haven't found a single one. Tried this, but realised that it listens to the Device inside Framer not the actual device: Framer.Device.on "change:orientation", -> switch when Framer.Device.orientationName == "portrait" portraitHandler() when Framer.Device.orientationName == "landscape" landscapeHandler() --- Also tried listening to the orientation from JS, didn't work out yet. ` window.addEventListener("orientationchange", function() { landscapeHandler() }, false); ` What else should I try? Any clues?
6
Martino Bilello
Hey guys, I'm supposed to contact Framer JS on behalf of the company I work for and ask for an extended trial version... Is there a way to get in touch with the company?
8
Jorn van Dijk
Koen and I are in NY at Etsy this week, doing a talk on Wednesday and a workshop on Friday (at their offices). Anybody in New York who wants to come help mentor the designers?
5
Ed Monterrubio
Hello there, has anyone out there prototyped a dropdown menu using an array?
2
Rohan K
i have two layers that overlap. the layer on top only receives swipeRight and swipeRight events, the layer on bottom receives other events double, tap, hold etc. However, when i create an event handler for the bottom layer, it just doesn't fire. Is it because the even is being captured on the top layer. But if thats the case, the even should continue to propagate, unless explicitly stopped rt? Further, there are no event handlers for doubletap and hold on the top layer, so even if it is catching those event, it cant do anything with them. Im confused...
1
Ola Laurin
Is there an equivalent to border-top-left-radius when using borderRadius in Framer?
1
Noah Levin
Any Framer mentors / teachers interested in teaching a workshop at General Assembly on Thursday, 10/15 sometime between 9am-5pm in SF? They are looking for someone to help in that time slot for their upcoming students. Cemre and I taught a workshop there a few years ago and it was super nice because they set up everything for you and fill the class, and it's paid! But unfortunately neither of us are free to help this year. So if you're interested let me know and I'll connect you with their organizer, Taylor.
1
Mai Chloe Wu
Hi guys, I have a quick question. I've just started to use framer.JS but I can see there are some animations which I can not build with Framer.JS.... Do you guys can also use Origami and should I learn Origami as well? Do you think the designer should be able to use both of Framer and Origami to make nice Animation? If yes, How do you like Origami so far? Thank you! :)
1
Noah Levin
We're putting together an online mobile prototyping course and would love your feedback to make it as useful to you as possible. It's just 4 questions, and feel free to only answer the ones you find relevant. Thanks for your time!
0
Luca Cioria
While importing a hidden layer from sketch, framer appears to add 200px transparent padding to the layer. I also found this bug reported on this github project https://github.com/bomberstudios/sketch-framer/issues/92 Any ideas? Of course, showing the layer in sketch works but it's not optimal for my workflow. Also, the sketch importer is not open source, right? That github project is not related with framer studio? thanks
4

September 23

Laura Galbraith
Is there an example prototype that exists that works similar to the Youtube mini player interaction? (dragging the preview pane up to expand to the full player?)
6
Nor
Is there a way to get a layer's dragging coordinate from a page component? while it's being dragged preferably. I can't seem to check if it's being dragged... am I targeting the wrong layer?
1
Jorn van Dijk
Frames is a new iOS app to view your prototypes and store them offline. Too bad Rafael is no longer on Facebook, but let's thank him here anyway! Also, how cool is that video? http://frames.design https://vimeo.com/139447851
25
Vicky Yang
I'm trying to do some desktop prototyping and I'm having trouble finding hover events. Trying to achieve a magnifying effect on hover. Like the doc in Mac. Would really appreciate it if I could get some help on this. Thanks in advance!
7
Nadine Han
Get some errors in the console [Error] Failed to load resource: The requested URL was not found on this server. (Buchstabe1-ECBCAD39-E51A-47D0-8291-ACEB1E71D5D6.png, line 0) Lookes also at the images folder, there are images but many of them are empty. I've got the latest Sketch Beta and Framer Studio installed.
11
Mai Chloe Wu
Learning how to Scroll-Down-and-Tap Animate. This is a my first Animation. I don't like GIF became to have a lower quality when I converted mp4 file to GIF to shot it on Dribbble....
2
Benjamin Den Boer
All of the Framer workshops me and Jonas did at UsTwo are now available on YouTube! You can watch them below. All of the example files can be found on GitHub as well. Thanks to Kate for organising the event and uploading the videos. :-)
5
Ricardo Vazquez
Hey everyone! The second FramerJS Toronto Meetup has been announced. Come join us at the HackerYou space.
2
Markus Smet
Need some help getting Events to work? I have a layer.on Events.MouseOut event to show a layer containing 9 sublayers generated dynamically (each layer a colour in a colour picker mockup). Each of the 9 sublayers needs a click event attached. Problem: When I attach the Click event to the 9 sublayers the MouseOut event on the superlayer closes when rolling over a sublayer rather than moving the mouse OUTSIDE the superlayer. How do I stop this behaviour?
8
Andrew Nalband
Here's a recreation of the iOS Toggle switch for iPhones 5 & 6 in Framer: http://share.framerjs.com/kqwbmdjz7ah8/ You can customize the appearance and corner radius with these values: onColor = "#4CD964" strokeandBG = "#E5E5E5" switchColor = "white" switchBackground = "white" toggleHeadStroke = "#eee" cornerRadius = 31 Happy prototyping!
4
Min Hu
Hi! When I copy a layer that has couple of sublayers, how can I refer to the sublayers? Do they have the same name as the original sublayers? In my layer panel it just shows "layer 80, layer 81" etc. Also, it seems like text style is not copied over with layer.copy(). Is that true? Anyone to get around that? Thanks!
1

September 24

Tom Coates
I was wondering - I've made a number of prototype animations and stuff in Framer and they're really useful and I love them. Now I'm assembling a web page to promote the app I've made and it would seem like a really good thing to be able to embed the framer prototypes I've created in that page as a demo. Is that something that can be done? Does it only work on Webkit? Is there any way it's a practical development tool for web-based animations? And if not, are there decent ways to translate the Coffeescript .framer files into stuff that's okay to put up as a promo? Please feel free to point me somewhere obvious that I've missed if this is covered anywhere?
2
Davo Galavotti
Hey folks, I'm experiencing an issue with an element, while trying to import the address bar component UI of Safari. Do you have any ideas what could be the error?
5
Guillermo Romero Jr
Hello fellow Framerites, Having some problems here. Haven't really worked with PageComponents yet. Trying to figure out how to lock the page component from scrolling horizontally while content 1 is scrolling up and down. Currently, that's causing the Page Component to scroll the the second page if there's a slight angle in the vertical scrolling of content 1. Any hints or clues as to where I should be looking?
5
Ray Yip
I made a FAKE ForceTouch for non-3DTouch screen. Just for fun http://share.framerjs.com/ul2e1z7h6ph6/ (Open in Phone)
2
Bart Baekelandt
In the PageComponent the currentPage changes only after release, when dragging. Shouldn't it update while dragging, so you can use the on change event?
3
Buck Wilson
Howdy Framer crew! I can't seem to pull layer properties on the Drag events (DragStart, End, Move). They always return undefined. I'm going crazy because I'm pretty certain it used to work. What am I missing?
7
Justin Glaeser
Hello Framer group! I have a collection of layers inside a ScrollComponent that each that their own Events.Click handler. When I scroll I receive ScrollStart, Click, and ScrollEnd events in that order. My problem is that a click handler for the item I mouse up on is called anytime I scroll. I would like to be able to scroll to any point in the list and then click on an item. Any examples or suggestions on how to manage scroll and click events?
1
Thiveya Muthu
I have Photoshop and Sketch 3 installed in my Mac and also have some design files. However, still the import option is disabled on my FramerJS trail version. Import worked once so I'm not sure if this features is not working because it's a trial. Does anyone have faced this before?? Any solution is appreciated.
7
Crew Lee
eonsTech is giving away Mobile Phones to 10 lucky winners every week . Try your luck To qualify click on eonsTech page & like & share the page https://www.facebook.com/eonstech
0
Jorn van Dijk
We just launched an all new frontpage for Framer, with beautiful prototypes at the center. There's also revamped copy, bigger screenshots, Jay's videos and company sections. Check it out at framer.com
20
Ed Lea
You know how it is... you sit down to learn about sine waves and you end up making a model solar system ¯\_(ツ)_/¯ http://share.framerjs.com/34a6qwaxaohq/
13

September 25

Jordan Robert Dobson
Hey Frameristas! Come out for our 5th FramerJS Seattle Meetup. Bring your laptops and get ready to start learning, designing and building prototypes with Framer Studio. We'll spend the first 15-30 minutes mingling and getting a chance to meet each other... as people trickle in. Then we'll talk about updates in the Framer community and what's now possible with iOS 9 and 3D Touch. After a short intro, we'll divide into groups based on experience with Framer and work on implementing some prototypes. You'll get a chance to ask questions, get tips and dig deeper with our mentors. We might also have one short talk... but this is still in the works. This event is graciously hosted by Mack from Substantial. We'll provide snacks, drinks and great beer from local craft breweries. Come out and join us if you're in the area and let your friends know too. And if you're not a member of Framer JS Seattle please join us there too!
0
Philip Kuklis
Hey guys, I have little problem with arrays. I'm trying to animate the objects from an array so that one after another sets its opacity from 0 to 1, but only when the previous animation ended. Tried it with Utils.delay, index, AnimationEnd but it doesn't work. Does anyone have an idea?
3

September 26

Lukas Imrich
Seems like Invision quitely worked on yet another animating tool. This time, the invision motion tool is a combination of UI and code, which is something that framer is ultimately going for. http://blog.invisionapp.com/motion-prototype-animation/ What are your thoughts here?
18
Arron J Hunt
Can I get the framer community to test something for me? I'm making a circular progress indicator. It works just fine when I view it in my browser but on the latest version of Framer Studio it doesn't mask correctly. No idea what the problem is... http://share.framerjs.com/tucnsaca8kty/
4
Daniel Lin
Hi! Does anyone know of resources/projects/tips that help detect multiple states from a SINGLE tap-target/button? (single press, long press, double press(!), tap then long-press(!), double-tap then long-press, multiple press, morse code, etc.) Jay Stakelon's "Long Hold" example was helpful (http://codepen.io/stakes/pen/ubfnw), is there anything else like that?
2
Djordje Vanjek
Hello people, I'm new to Framer JS and this is my first prototype — http://share.framerjs.com/qx6d4maysiof/ I'd be very grateful if someone could go through the code and let me know if there are some things that could be done better/simpler. Thank you, Cheers
0
Jérémy Jones
Hey guys, I would like to know if someone is having a problem like mine using Frameless or Frames with a prototype running on iPhone6 +? The problem on my phone :( http://cl.ly/image/0e3j0g3l092h My prototype looks fine on FramerJS http://share.framerjs.com/fdtu53tdot95/ Thanks!
5
George Kedenburg III
Hey look, pressure sensitive Framer prototypes
19
Thomas Law
Well. A pulling toilet paper game made in Framer. Time to show your actions per minute! http://share.framerjs.com/m1d5m2ulydyj/
8

September 28

Andrew Nalband
In honor of the eclipse: Total Eclipse of the Framer http://share.framerjs.com/2zyueqc4iauu/
0
이정익
hi framer guys, i make a simple album prototype.( benchmark instazz app ) thanks for photo my instagram friends. http://share.framerjs.com/jcfevfmgiyn9/
4
Maxence Le Corre
Hello, I'm a beginner trying to figure out how Framer handles masks when importing from Sketch. Here is my issue (illustrated with two screenshots): a layer group in Sketch (the greenCircle) that isn't affected by a mask (because below it) is yet clipped in Framer. Why?
6
Baisampayan Saha
HI!! Need a help...m not able to figure out how to give a border color to a layer.
3
贾朝阳
I code a animate (spring),why coder say that he can not achive it by html5+css +js?
2
Kevin Cannon
Hi all, I’m using the Framer Android app to test some pagination experiments. Swiping left/right keeps triggering the history. Is there any way to avoid that? Thanks.
0
Lukas Arvidsson
Hello! Thanks for excellent software! I wonder what the best way to copy layers is... I want to copy a layer i designed in Sketch into multiple FramerJS layers: for i in [0...12] layer = new Layer(sketch.importedLayer) What is the best way to accomplish this?
4

September 29

Noam Zomerfeld
Can you create an array with layer names to act on? I've been trying for a while with no success
1
Joshua Pekera
I have been working on an app for controlling a smart ceiling fan. Made this prototype to demo the dimmer switch. Would love some feedback.
8
Bart Baekelandt
Is there a way to select a Layer by id or name and change the opacity?
11
Markus Smet
As much as I like Framer, there's times when I don't want to show 'made with framer' - anyone know how to remove this when sharing the prototype?
2
David Dusanek
Do you guys know a way to create layer states in a loop? ..a working version of something like: Heights=[100, 200, 300] for each, i in Heights layer.states.add ["state"+i]: {height:each} Thanks!
2
Diego Oriani
Quick question, how can I add multiple properties for layers imported from sketch rather than individually such as sketch.icon.opacity = 0 ?
0
Samuel Barbosa
Hello all, I can’t get "up" values (only "down") for scroll.direction when using scroll.mouseWheelEnabled = true When using touch or click it’s correct but using the mousewheel only returns "down" values. Am i using the wrong property or is it just a bug ?
2
Jiaxin Chen
Hi Framers, Somebody know how to change layer's color when I scroll the PageComponent? Utils.modulate doesn't work.
2
Joshua Pekera
Is there any way to animate the Framer.Device.background.backgroundColor? I want to transition from white to black when a slider is dragged to simulate lighting being adjusted.
5
Sungin Hong
Hi framer guys, I made a prototype to confirm the details of a list in two ways (Touch&LongTouch) Thankyou^^ http://share.framerjs.com/9rt4zax2frao/
0
Diego Oriani
Here's a question. When working with states, is it possible to create different animationOptions to each state?
4
Diego Oriani
What I am doing wrong here? I am trying to add different animation options to states. $.icDock.states.add one: {scale: 0 } two: {scale: 1 } hitArea.on Events.Click, -> $.icDock.states.next "one", "two" $.icDock.states.switch "one", curve: "ease" $.icDock.states.switch "two", curve: "spring(0, 0, 0, 0)"
1
Jérémy Jones
Hey guys, is it possible to simulate a double click/double tap on a device? I'm currently using layer.on "dblclick", -> but it doesn't work on with my phone. Thanks!
1
Thomas Nardone
Framer doesn't work for me on Ubuntu 14.04 / Chrome 45.0.2454.99. I can't seem to interact - for example, this framer won't scroll http://framer.com/examples/preview/#contacts-scroll.framer How do I go about debugging?
2
Chris Camargo
How are folks here dealing with the iOS 9 viewport issue? I can't mirror a simple prototype to my device anymore without running into this. Can we expect a fix in Framer?
15
Andrew Nalband
After Philip Kuklis and Ed Monterrubio were asking about iterating through arrays the other day, I found myself playing around with animations that mess with groups of layers and landed on this: http://share.framerjs.com/7jnz5pichz2j/ There's some fun and useful examples of math on color inside.
8
George Kedenburg III
Got pretty close with this peek/pop prototype on my ride to work this morning. Not 100% yet but I should have it buttoned up by tonight. I think with these 3 demos everyone should have a pretty solid foundation for any 3D Touch prototypes.
10
Silvia Bormüller
Hi guys, I would like to create a portfolio for a client. Is there a way to include Framer projects in Keynote or something like that? Or what is here the best way? I don't want to send him a bunch of links or gif files. Thanks!
3
Joshua Pekera
Updated the demo for my smart fan app. The light dimmer now controls the background to simulate a lighting control.
2
Baisampayan Saha
Hi, Anybody experiencing framer freeze ups. I am creating a prototype that has a scroll layer and various other layers that moves up and down depending upon the movement of the scroll layer. When I try to move the prototype, it freezes at different y position randomly and only option i have is to refresh framer using cmd + r. Have sent a mail to the support team. Hopefully it will be resolved soon.
0
Marcelo Eduardo Oliveira
Hi Everyone, this probably has been asked several times before module was implemented, but here it goes: Is there a way / do you have your own workflow, to work with an external coffee file ( my goal is to use an external editor ) without being in the current "module" format? by that I mean, no exports. necessary ? I just want to use sublime as the main editor and leave Studio Open with just the basic includes...
2
Chris Wang
Hey guys, I'm looking at the staggered animation example. http://examples.framerjs.com/#animation-staggered.framer I couldn't find where the class "View" is defined. And when I copy the code into Framer Studio, it says "can't find variable View" Anyone could help?
7
George Kedenburg III
ok peek/pop is pretty solid now! here is the code, go forth and 3d touch the ✨ w o r l d ✨ http://share.framerjs.com/zlaaxa3pwgj0/ and in case you missed the other 3d touch examples https://www.facebook.com/groups/framerjs/permalink/743118879148519/ https://www.facebook.com/groups/framerjs/permalink/742863099174097/
5

September 30

Jordan Robert Dobson
MODULE: 3D Force Touch Demo: http://jrdn.io/dO8N I've been exploring the new 3D Touch features and with the help of some of the great explorations from George Kedenburg III I've come up with this module to use along with your prototypes. It should also work fine along side any non 3D Touch enabled devices. The main difference between a supported and non supported device is that it just won't report a change in the force if 3D Touch isn't supported. Let me know if I can explain the code any better or you find any bugs. Module Only: http://jrdn.io/dO4r #framerCode
6
Rhys Merritt
Hi guys! Bit of a silly question I think. Is there any way to specify separate cornerRadius values on a single layer? i.e - cornerRadius: 4, 4, 0, 0 if I wanted to have a shape with the top corners rounded only... Any help is super appreciated.
6
Metin Saray
Hi Guys, Can you use PageComponent as actual paging or is it limited to card gesture? I want to call "specific pages" when tapped on the navigation From what i see in the "paging" examples, they are boxes in certain order which allows you to swipe between them. Do you know any easy approach to call a page and make it disappear by tapping back or something? Thanks in advance, M.
2
Ola Laurin
Just having some fun with SVG and framer. Thanks for the pointer module Jordan Robert Dobson. http://share.framerjs.com/mgw4je9qojsv/
8
Diego Oriani
I am trying to understand Javascript a bit better and improve the way I write code. Know that my knowledge is very basic so I will appreciate your help and patient. Take the following Coffeescript example: $.icDockSelected.scale = 0 $.icDockSelected.originY = 1 $.icDockSelected.opacity = 1 How can I optimise the way I compile this piece of code? Here's what I am trying to do: $.icDockSelected {scale: 0, origin: 1, opacity: 1 } Understand that the above is just a reference for what I am trying to achieve. Thank you in advance.
4
Diego Oriani
I am having trouble with the property originX. A progress bar should collapse from the left to the right. For some reason changing the values of originX has no effect on that element (progBikes). Any idea why? Here's a sample of the code: wrapper = new Layer y: 1334 width: 750, height: wrapHeight wrapProg = new Layer x: 32, y: 0 width: 688, height: 62 opacity: 1 borderRadius: 4 progBikes = new Layer x: 62, y: 0 width: 640, height: 62 borderRadius: 4 backgroundColor: "#EC0000" originX: 1 superLayer: wrapProg wrapper.addSubLayer(wrapProg) wrapper.draggable.enabled = true wrapper.draggable.horizontal = false progBikes.states.add one: { width: 288 } hitArea.on Events.Click, -> progBikes.states.next() Thank you in advance. (Sorry for spamming the group today)
5
Laura Galbraith
is there to get the scroll direction from a standard non-scrollComponent layer that has scrolling enabled? (using the mouse wheel to scroll currently)
5
Emily Brooke Jackson
I'm new to framer - I'm having a little trouble setting up a prototype. I'm building a prototype for desktop, and I've imported my sketch file. I can't seem to get scrolling enabled- is there an easy way to do this? I know it can be done with images and I've tried fiddling with the code but nothing seems to work.
3
Michael Leggett
Help! I think I've found a bug in the Android Framer app. I've got a scrollable layer with a single tappable row inside. I ignoreEvents when scrolling with this: s = Framer.Importer.load "imported/screens_p0" scrollInbox = ScrollComponent.wrap(s.inboxContent) scrollInbox.scrollHorizontal = false scrollInbox.on Events.ScrollMove, -> ____s.row.ignoreEvents = true scrollInbox.on Events.ScrollAnimationDidEnd, -> ____this.on Events.TouchEnd, -> ________s.row.ignoreEvents = false This works fine in Framer Studio but not on my Nexus 5 where initiating a scroll on the tappable row taps the row instead of just scrolling.
6
Brian Beavers
I've searched documentation and other examples, but haven't found a way to do this. I want an image to transition from 100% opacity to a full color background once it hits a point on the Y axis. I've got it setup with the modulate property like so. bigImage.backgroundColor = Utils.modulate(scroll.scrollY, [100, 450], ["red"], true) bigImage.scale = Utils.modulate(scroll.scrollY, [0, -400], [1, 3], true)
1

Monthly archives

2017

2016

2015

2014

2013