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

What is Framer? Join the Community
Return to index

January 2017

January 01

Siavash Shabanipour
Is it possible to turn off the purple interaction highlight on the Framer Preview iOS app?
2
Behzad Boostanchi
Annoying drag-feedback when viewing prototype in Browser or iOS viewer application: Guys! I've a prototype which runs smoothly inside the Framer Studio application. But when I try to use it in a browser, whenever I drag my layers, some kind of 'ghost rectangle' appears around the parent layer and the dragging experience becomes non-smooth an abnormal. I've included here a screenshot of the 'ghost rectangles' which appears in Safari browser On the iOS viewer application the situation is worse! Is there any setting that I should turn off or on? Please help me!
1
Rohan K
Happy new year frameristas! I'm curious if anybody has tried implementing a keyboard / controller based navigation for 10ft UI experiences? I'm thinking about creating a module for implementing a UI with multiple selectable objects that can be navigated by moving the focus. Each selectable object has an on/off state and one or more functions attached to it.
2

January 02

George Otsubo
Hi, need help resetting my activation so I can register Framer on a new machine. Floris Verloop responded via email but not sure if he had a chance to reset it yet....
3
Behzad Boostanchi
Disable state switch animation stop on click It seems that the default Framer behaviour is to stop state switch animations on Click/Tap events. Is there any way to disable this behaviour and let the animations to fully finished even after a click?
5
Jayaprasad Mohanan
Why is that I'm getting a grey background with all the devices? :(
2
Janne te Dorsthorst
Question! I’m importing a Sketch design in Framer. Everything went well, untill I added the login artboard page in the Sketch file. Suddenly Framer is not showing lines and some texts. The other artboards are perfect. The lines and texts aren’t stuck under layers. I tried changing the names of the layers, re-importing multiple times. However, nothing solved my issue. Is this a known problem?
3
Jayaprasad Mohanan
I think 2017 is the year I bombard this group with questions :D Trying to do a "rotationY" and this is happening. I have no idea why :(
3
Edwin Van Rijkom
Alright, Frameristas, we’re closing out 2016 with a bang! Allow me to introduce Framer Cloud, an end-to-end product design and feedback flow. Less time spent on back and forth means more time for design. A smooth save-to-share flow with in-app notifications opens into a new dashboard, complete with features to access version history, edit share details and delete prototypes. Your shareable links never expire, they now sync automatically so your team is always kept in the loop. Read the blog post for the full feature breakdown —
20
Artyom Avanesov
Happy new year all. Is there a way to change the properties of a subclass (inner) instead of the parent class (classA) when tapping another layer (layerB)? Thanks
1
Brandon Shepherd
Is there an easy/short way to detect when a touch leaves (not releases) an object (one that the touch originated on)?
3
Eliott Jones
How do I create an integer slider where the control (circle) snaps to the nearest integer. On a 1-5 scale, for example, the user would drag the control, and it would snap to the nearest tick. Ideally this would include an animation as well but not totally necessary. Thanks!
2
Ed Lea
A while back I created a module that extended Layer.coffee. I had the following code: Layer::setWidth.call @, @width * @deviceRes But that no longer works. I'm wondering what I can replace "setWidth" with? Pastebin of module http://pastebin.com/T4MhKHG6
3
Charlie Deets
I've been building a snippets library for Framer (https://github.com/robotdestroy/Framer-Snippets-Library) over the past year. I just pushed a new update this week and thought I would make a little video showing how I use the snippets. https://www.youtube.com/watch?v=CgY6fT7HwAw Hope you enjoy the video and let me know if you have any ideas for other videos, I'd love to make some more.
3

January 03

Stephen Crowley
Happy New Year Frameristas! If you are in the Seattle area join Jordan, myself and some awesome local mentors for our 20th Framer Seattle meetup Jan. 12th at HBO. Hope to see you there. https://www.facebook.com/groups/framerjs.seattle/permalink/630191857187790/
1
Bud Sigur
Hello Framers! If you have a spare minute please fill out this survey which will help me finish my master thesis. It's about the role of executable prototypes in mobile app development. Thank you very much!
0
Alexander Olssen
Hello, guys! Sorry for my silly question, but i can't cope with my prototype. So i created scrollable card list, that made with for-loop, and add simple "onTap" event that changes card background colour. But what should i do, if i want to bring default background colour after second tap? Here is my Framer prototype - https://framer.cloud/kiQEA/
2

January 04

Artyom Avanesov
Hey all, I'm trying to create an interaction where tapping an object in one array changes the state of all objects in another array. So far I've only been able to reference individual objects by changing the arrOther[0] value. The goal is to animate all the black circled by tapping the white one. Thanks in advance!
1
Sadok Cerv Rabadan
So, when do we get multiple cursors in the editor? Kinda like SublimeText/Atom/etc ? :)
2
Javier Eduardo Treviño
I'd like to propose a simple but imo really important improvement for framer studio: I'd love to be able to swtich between layers withouth having to click on the little sheets to the left of each one of them. Nothing wrong with the icons, just the fact that It's countr intuitive having to go back to them.
1
Giles Perry
Is it possible to move the 'Made with Framer' button that appears over the top of a prototype on Framer Cloud? I'd like it to be bottom-right instead of top-left.
1
Junhyuk Jang
I made random color picker, inspired by Øyvind Nordbø (https://dribbble.com/shots/3178119-Random-Color-Picker) I use input field for copy hex code. Please enjoy art of randomize!! https://framer.cloud/dufYu/
2
Cameron Burgess
Is anyone familiar with this Error code when uploading to Framer Cloud?
1
Shaikh Anwar Hussain
All Product Are Original & Brand New They Are Also Available At Cheaper Rate For Price & More Info Pls PM Me
0
Daniel Keller
Is there any way to achieve multi touch behaviour on dragging sliders? The Problem is: As soon as I start dragging a Slider the rest of the screen is blocked for interactions until I release the slider. I have two sliders on screen and I want to control one with my left thumb and the other one at the same time with my right thumb?
1
Aaron V. Geibler
Hello, I try to do an overdrag effect on a PageComponent. I limited overdrag to 0. If a user overdrags on the first or last page of the component, this page should not move but scale up, depending on the distance of the attempted swipe. I played with the Utils.modulate function, but I don’t know how to read the attempted movement of the finger. I tried it e.g. like this: pageComp.on Events.SwipeRight, (event) -> if pageComp.currentPage.name is "dayCard0" print event.distance pageComp.scale = Utils.modulate(event.distance, [0, 800], [1,2], true) Won’t work. Can you help me? Thanks a lot.
2
Emin İnanç Ünlü
How can I fix the height problem of the iframe here? It doesn't fill the whole height of the layer. If I change the height style to: 1000px, it works; but I need it to be responsive, so this fix doesn't work for me. Interestingly width property works with % value but not height property.
13
Coty Beasley
Has anyone had any luck prototyping VR experiences in Framer with photospheres? I've seen the stuff on the VR component, but it's a cube that requires several images.
1
Gilbert Han
Guys, one question. How do you guys share your framer project privately? I know Framer cloud is great and link is really hard to guess, but confidential is confidential. Is there anyway that I can set a password to my project?
4
Cody Evol
Anyone have any idea where this background image behind the device is coming from? It's showing on my current project and even shows on a blank new project. (Also it shows if I toggle devices). Restarted my computer thinking it was a memory issue but it's still there.
3
Silvia Bormüller
Hey guys, I was working with real data and putting together a prototype with an API request. Everything just works fine but after uploading it to the Framer Cloud there seems to be a problem with the API request. Error: Uncaught network error failed to execute 'send' on 'XmlHttpRequest' failed to load url Link to project: https://framer.cloud/fbnCH/ Any ideas how to fix it?
1

January 05

Ran Liu
[Rotate the Framer device automatically?] Dear Frameristas, have any of you created a prototype that rotates the Framer Phone from portrait to landscape mode based on some sort of events? I am thinking of creating a "full-screen" mode prototype that sort of mimicking what Youtube does. Ideally, I'd like to trigger the full-screen event which automatically rotates the phone background to landscape without me click on the rotate button. Thanks a ton.
2
Allison Shaw
Folks, this is killing me! All I want to do is make a "pulsing dots" loading animation, a la iOS "other person is typing" in Messages. I'm creating three dots with a for loop, and putting them into an array. But for the life of me, I can't figure out how to target these individual layers. My newbie approach was going to be to create three separate animations for each dot created... if anyone has a better method, I'd love to hear it!
1
Emin İnanç Ünlü
Hello everybody, I wrote an intorduction article for a new node-based prototyping tool named Noodl. I thought you would be interested in having a look. Also I thought it would be good to inspect this tool for Framer developers, regarding their future plans for Framer and how to improve it even though their approach is different. I love both tools and wish them best!
0
Lachezar Petkov Petkov
Hi, When I use flow.header with a regular layer created in Framer, everything is fine. But when I use flow.header with a layer imported from Sketch, Framer creates a gap of a few pixels between the header layer and the upper screen edge. This happens with different documents. Am I missing something, or is this a glitch? Thanks!
4
Giles Perry
Anyone got experience with the Input-Framer module? I've created a prototype with an input. You can type something in the input field, but if you hit enter the prototype reloads. Ideally I'd like to detect the input submit event and do something when the event is triggered.
2
Zubair Shahzad Arain
hi guys i need to design the header bar like in Facebook page . can any one help me
1
Adam Mazurick
On January 31, our fourth Framer Toronto meet-up is going to be special! This will be part of a 2 series event. We will be discussing Prototyping Artificial Intelligence and Conversational Design. New to code? Totally cool. We got you. Check the meetup and syllabus below! https://www.meetup.com/Framer-JS-Toronto/events/236688898/
2
Stan Tan
Hi all, am new to Framer here, have a question regarding how to set the animation options from animating to a state? i can't seem to follow the docs given, or maybe did it the wrong way. Some context to my issue: 1) created layerA, and a state.b for layerA 2) created layerB, and onClick layerB, i want to animate to state.b layerA. Framer seems to already define the animation time of 1 to that animation, and i wish to change this but dont know the right way to do so :(
3
Dallas Peters
So I've been searching all day and can't find an answer. I'm not a coffeescript pro but everything I'm trying doesn't seem to work. Basically I have a draggable PageComponent with a child that scrolls. I'm trying to lock the scroll when dragging and the dragging when scrolling. Any examples you can point me to would be helpful! Here is where I'm at currently. https://framer.cloud/APPvx [EDIT: I think I found it! Message me if interested in the solution I went with]
1
Rohan K
[SOLVED] Sorry for still more questions!! But I'm confused by what I hope is a very simple concept. 1. what's the deal with layer name? Suppose I say layerA = new layer. Here "layerA" is not the name property, and I cannot use it as an argument for childrenWithName fn. to find the said layer. Instead one has to explicitly specify a name for the layer. Why is that? Can the "variable name" not automatically be the name property? Or why can't you use the "variable name" with the ChildrenWithName fn? 2. Looking at this the other way around: if I store the "variable name" of a layer in a string such as: myLayer = "layerA". How do I use this string as a variable so that myLayer.width is the same as layerA.width?
2
Anthony Custable
Hi! I am a student and am wondering if there was a discount and how I go about that? Thank you!
2
Lukas Guschlbauer
Hey! On how many devices can I activate my Framer license?
1
Sergey Voronov
In London this January? come join us :)
1
Dallas Peters
Hey everyone! Looking for some help to get a prototype out the door this morning. I have a protype with 3 layers stacked on top of each other (full height and width each). The top layer (a scrollComponent) is draggable.enabled. But I would like to set the layer underneath it to follow the top layer when dragging to the right and then snap to a certain point. It's basically a side menu that can be drug out. https://framer.cloud/APPvx is my WIP. You can see the animation when you click the burger menu. But I'd like to be able to drag the top layer as well. Any help would be GREATLY appreciated! :)
14
Andrew Cunliffe
I can't seem to figure out how to get the mousewheel working on the next pages while using Flows?. In the attached shot of my code "scroller" works when I use "showNextOverlay*" for all the next flows, and "scroller2' works on the first flow, but once you go to the next one you can only click and scroll. Is there a way to control which artboard/flow/page is the first or second child? Thanks.
1

January 06

Aalok Trivedi
I'll post this on the github page but figured maybe someone here might know the answer: I'm using k-vyn's material-kit module. You can animate constraints which is SUPER useful for creating dynamic layouts, but can you animate constraints using states? https://github.com/k-vyn/framer-material-kit
0
Artyom Avanesov
Hey all, I'm trying to get the white squares to change state as you drag the yellow square over them. However, the event handler seems to use the original position of the white squares instead of the floating one. Is there a way to fix this? Thanks.
2
Aalok Trivedi
So, I've created a loop. When I tap on a loop item, it should turn yellow and the loop items NOT tapped should scale down. And then everything should turn back to normal when tapped again. I got the first part working, but can't bring them back. Any thoughts?
2
Dominik Sebian
Hey Guys, I have a question related to the Framer Plus license model. What are the benefits If I and my colleagues choose this monthly plan? Are there any features like a team Cloud or something like this?
1
Jonas Treub
Hi all! A friend of mine shared an article about an iPhone prototype based on the iPod OS. Watching the video I felt the urge to recreate that famous click wheel scrolling behaviour in a Framer prototype. Here is the result: https://framer.cloud/iIIQY/ And the article: http://www.theverge.com/2017/1/6/14188624/apple-prototype-iphone-ipod-click-wheel
5
Che Harvey
Happy New Year everyone! I'm having a whole host of issues, so I'll ask one question at a time. I want to animate five layers (little rectangular bars) to show loading. My idea was to create five different layers, then create states for each of them and then delay the state so one would follow the other. Is there a smart way to do this? Can I trigger the next animation instead of using a delay?
1
Ban Nguyen
Could someone give few examples how to do this: There are multiple content sessions, user scrolls the content also shows the indication on the top menu(only when the top of the content hits the bottom of the menu), vertical scrolling(content) during horizontal scrolling(menu) User can click on the menu to display its content session(fading no scrolling). Sorry about my explanation.
0

January 07

Wojtek Galaj
Hey everyone :) I'm sure this has come up before but I can't seem to find any info. Is there a way to use vim with framer studio or alternatively add vim bindings to it? I have found the framer-cli but it's been discontinued. Cheers
3
Brandon Shepherd
When using Framer Flows with a lot of "screens", I'm assuming there will be a performance hit eventually, since all of those screens have to be created from the start to use in the transitions. Is there a way to reduce performance requirements on the screens that aren't currently visible (other than deleting them and re-creating them as needed)?
1
Aaron V. Geibler
Hello, I experience crashes of iojs (/Applications/Framer.app/Contents/Resources/Node/iojs/bin/iojs) when opening most Framer examples from the web by clicking the „Open in Framer“ link. Before the crash, I get a spinning wheel in Framer for up to 30 secs. First I thought this happens only for old prototypes that need to be update when opening in the current Framer version. But now I realized that it even happens with Jonas Treubs latest iPod example posted here: https://framer.cloud/iIIQY/ Opening this prototype, Framer does not ask me to update, but still crashes. For some (pretty rare) prototypes, it does not crash, but I can’t see any pattern here. E.g. the Medium App prototype from the Framer Gallery opens well: https://share.framerjs.com/7ggvzfyiwr5k/ Here is a pastebin containing Mac OS X’s crash report when opening Jonas’ iPod: http://pastebin.com/Yj85kEA9 Is this an issue with the current Framer version, or an issue with my installation? Is there anything I can do about it? Both OS X and Framer are up-to-date (Mac OS X 10.12.2 (16C67), Framer 7890). Thanks.
1
Robert Toshihiro Asami
Hey all, Quick question about masking. How can I get the progress portion of this example to mask to the background bar radius without setting it directly? For example, if I needed to use a patterned image as the bar, and there would be a portion that extends beyond the constraints of the background bar. Thanks for the help!
1
Rich Zarick
Got one for you guys, hope you enjoy it! Major props to Weston Thayer for making the Framed app happen on Windows 10
18
Daniel Caine
Hey guys, Has anyone got something similar to the following: A prototype which has a scrollable feed, and on clicking any of those layers, that clicked layer goes to the top of the view, revealing also a detail view underneath it. If you look at the prototype attached that's what I've got so far... BUT then what I want to do - and this is what I'm struggling with - is having those two layers (the detail view and the clicked layer which is now at the top of view port) scrollable. Hope that makes sense? 😂
1

January 08

Ryan O'Rourke
Feature request: Would be rad if you could alphabetize selected properties in the right click menu.
1
Sergey Voronov
not sure whether its a bug or its meant to be like that? if I copy layer, states are not copied to new object?
6
Aaron V. Geibler
Hello, a problem with the Framer Cloud: I have two different Framers. I uploaded #1. Then I opened #2. I click ‚Cloud‘, and it only offers me to „update“, although I did not upload it yet. When I click „update“, it will overwrite #1. This happens only with these two Framers, not with my other ones. How can resolve this? Thanks.
1
JinJu Jang
Hi, Everyone! :D I'd like to share one of my experiment from last few days. It's a loading indicator, but instead of rotating like a circle, it changes position like a triangle! https://dribbble.com/shots/3149663-Trig-Spinner Hope you would find this interesting.
5

January 09

Andy Cetnarskyj
Is there a way or module to attach multiple variables to a layer, so you can pass values between events? The only variable I can see in default layer is the name property?
5
Fran Pérez
Hi all! Do you know if it's possible to reference a layer created in app.coffee from a Class in a .module?
20
Milan Seitler
I experience problems with upload to cloud - my prototype is uploaded but sometimes, when I try to update it, the update is confirmed in Framer but changes doesn't apply on the server. So I have to delete whole file from cloud and upload it again. Anyone experiencing the same problem?
2
Alvaro Lourenço
Is the `panning` property from VRComponent supposed to allow/block users from rotating the component by dragging it with mouse/finger? I'm trying block this behavior with little success... :(
1
Adam Deher
Understanding states and onAnimationEnd function. It seems when I cycled though a series of states using the onAnimationEnd function the cycle will just repeat itself if the last state has the same properties as the default state. Otherwise the cycle ends on the last state in the list of states. Is this intended? Example File: https://framer.cloud/lYZxo/ If you comment out state "e" and remove it from the states in the stateCycle function the animation with stop on state "d". If state "e" is included, the animation loops infinitely. Any help for this beginner is greatly appreciated!
1
Josh Ackerman
This is seems like a pretty basic question, but I'm trying to implement a smooth drawing script in Framer (https://github.com/jakubfiala/atrament.js) and after importing the library, and setting up the necessary canvas element I'm still not seeing any result. I'm not getting any errors in the console, and its been a few months since I did any serious stuff with Framer, so I'm not quite sure how to proceed with fixing this. My current guess is that something to do with Framer is blocking the canvas element. Here is the project, https://framer.cloud/vNfAC. Any help would be appreciated.
1
Lukas Guschlbauer
Hey Frameristas! I'm just starting out with Framer and as one of my first prototypes I'm trying to achieve something like the "Clear - Todo App" The point where I get stuck is that the Utils.modulate for the "check" and "remove" layers doesn't work inside a for loop. Here's a version with a single "todo"-item, where the "check" and "remove" layers modulate in scale and opacity on horizontal drag and the "todo"-item gets destroyed when it's dragged further than a third of the Screen.width: https://framer.cloud/ynPTY/ When I try to wrap this in a for loop, the modulation doesn't work anymore... Another problem would be that after destroying the "todo"-item, all items below should move up the height of one item to fill the space. I tried this by making a for loop that starts at the index of the destroyed item and goes until todos.length and substracted height of one item off of their "y"-position. But this doesn't seem to work properly either. This is the "construction site"-version of the prototype, where nothing really works: https://framer.cloud/dllLn/ Can you point me in the right direction?
2
Jurre Houtkamp
Last week Jonas Treub posted his iPod click wheel prototype and I decided to play around with it a bit this weekend. I added some iPod Classic characteristic aswel as the nostalgic 'click' when scrolling. I can't seem to get the interval of the click quite right, probably because it was recorded from an old iPod and I can't get the soundbite any shorter. (Try for yourself or let me know if you figure out a way!) You can check out the full prototype (with click) over here: https://framer.cloud/mYxKu/ And the original by Jonas Treub over here: https://framer.cloud/iIIQY/
1
Ben Ellis
https://www.hungrybrowser.co.uk/connected-framer-firebase-prototypes
3
Min-Sang Choi
So I saw Matt Chan 's post about rear camera the other day, and played with my previous work to take advantage of both camera on device. Sorry for the bad quality, but I hope you get the idea. :-) (I know, controller part is a mess) Live demo (works best with android chrome) http://qcnoodling.com/rearcamera.framer/
17
Radek Kyselý
SLIDER RANGE FILTER MODULE Hello guys, I've seen couple of questions about two-handle slider filter in the recent past and because I've built it myself few weeks ago, I decided to make a module out of it for this amazing Framer community :) So for the future seekers, here it is. Please note this is my very first GitHub input, so if there's anything wrong, please let me know :) Until then, have a great prototyping :)
0
Rohan K
I've created a class in which I am referencing layers / objects / variables in the main project. it was working fine when the class definition was as part of the project, but stopped working when I made a module out of it. I am using exports.classname when defining the class, is there anything else that I should be doing?
3
Rolando Mathias
Hey Frameristas and Frameristos, I'm creating a prototype and all is going well... but I'm trying to implement a slider filter (airbnb reference shown in screenshot) and I've hit a major roadblock :( Can't find any examples in Framerland of it so if you have any clue, please give me a (loud) shout :)
2
Adam Mazurick
Wow, only 8 spots left! On January 31, our fourth Framer Toronto meet-up is going to be special! This will be part of a 2 series event. We will be discussing Prototyping Artificial Intelligence and Conversational Design. Basically we're building chat bots and learning about prototyping Machine Learning/A.I. New to code? Totally cool. We got you. Check the meetup and syllabus below! Connected Lab https://www.meetup.com/Framer-JS-Toronto/events/236688898/
0
Alvaro Lourenço
I'm projecting some interface elements using VRComponent, and noticing that Layer.index won't work for the child Layer elements placed inside VRLayers. The workaround is something like working with distinct Layer.z positions, which do work but sounds quite messy when dealing with UI (like using distinct Layer.z values for a button and its label, for instance). - Shouldn't Layer.z alone be able deal with it?
3
Caitlin Charniga
Can framer code compile to JS? I'm wondering if a developer can actually use the code from my prototypes.
2
Karol Piwowarczyk
Hi! I am looking for example of conversational interface, designed in Framer. It can be example of chat, virtual assistance or similar. Thanks for your help!
5

January 10

Adam Mazurick
Free classes and GitHub repos of our events will be available at www.framertoronto.com launching on January 31st with our meetup. In 2017, we got 85 requests for Live Feeds. We listened! This is courtesy of Connected Lab
0
Junhyuk Jang
Let me introduce my Music Player Prototype. http://i.giphy.com/l3vR7K1JsfXq7cXNC.gif I did mix blend mode experiment for sound wave animation. There are two lines of wave with (unpredictable) beautiful color. Unpredictability was due to BG's contrast and Layer's blur, I think. (mix blend mode, too??) *update: BG's opacity may affect colors. Please check framer cloud link. https://framer.cloud/wjewq
3
Pavel Rakhlin
Is there a way to hide or disable the Project Info module?
3
Paolo Msomething
Hey guys, so I need to create a prototype for a pitch and the way this particular team wants to show it is through an offline browser-embedded demo i.e. https://blog.framerjs.com/posts/introducing-framer-flows.html?ref=piervix-ux-framer-prototyping (Except fully interactive). Just wondering what the best way is to go about doing this. I think the only way at the moment to show something offline is to get the framer iOS app? I could be mistaken. I'm also wondering if the opensource version on git can be bundled or compiled for this specific use case. Thanks!
0
JinJu Jang
Hi, Everone! Is there any space you can manage your license? I recently upgraded my laptop and migrated everything to the new laptop and factory reset the old one. Ever since that happened, Framer seems to think I linked up 3 computers under the license. (1 - old laptop / 2 - desktop / 3 - new laptop) Has anyone had the same problem? How could you solve this issue? :0 Thanks, Jinju
1
Daniel Caine
Hey guys, So this is probably the most complicated prototype I've made so far, and I'm so close to being done with it! :D Was wondering if I could get a little help from the community, however, as I've gotten to the point where I really don't understand what's causing a certain bug. Basically, you'll find if you click the images and close them multiple times, eventually it'll get to the point where the clicked photo doesn't go to the top of the viewport. Instead, it just gets stuck on its way to the top (so to speak). Any help would be much appreciated. I may be able to figure it out tomorrow with fresher eyes, but right now I'm like argh! Thanks! 👊
1
Sigurd Tapio Mannsåker
Thought I'd see if the Proxy object worked in Framer, which it does, but my target objects get a __framerInstanceInfo property added to them. Can't seem to find many traces of it in the Framer repo on GitHub. Anything I need to be aware of? I can avoid it by ignoring "__framerInstanceInfo" in my validator's setter function, just not sure if I'll break anything important :)
1
Aalok Trivedi
1. Is there a NYC framer meetup happening anytime soon? 2. Are there any good tutorials on how to use/create your own functions (especially in tandem with loops/arrays)? I've seen some but most are too simple and don't really relate to most use-cases in prototyping.
2
Lukas Guschlbauer
Hey! Is there an error in the documentation (maybe deprecated?): I just played around with the DragsStart and DragEnd Events and tried out the snippet from the documentation: # Returns the event, layer.draggable and the layer layerA.on Events.DragStart, (event, draggable, layer) -> print event, draggable, layer And it seems like the function only returns the first two parameters, "event" and "draggable", where draggable really is the "layer"-parameter. The third parameter is "undefined". So it should actually be: # Returns the event and the layer layerA.on Events.DragStart, (event, layer) -> print event, layer [EDIT] For the "move"-Event there's also no "draggable"-parameter. It returns "offset" and "layer". Is this an error in the documentation?
1
王轩
Hi everyone, I'm using the Utils.interval function to make a repeating cursor animation when clicking on the Name field. I want to hide the cursor when the field is clicked and therefore switching to the previous state. Does anyone know a solution?
3
高瑞
Hi, Frameristas. I've not been that active here recently, but I'd like to welcome 2017 with a little gift. I've just finished getting my new AudioAccess module ready for prime time. It's now on github ready for your prototyping needs. What is AudioAccess? It's a module for Framer that simplifies and exposes a sound API so that you can: - enable microphone input in your prototypes - record microphone input - play back the recordings - can load and play back audio files from the local file system - can output the live input to speakers or headphones Happy New Year! (feedback welcome)
1
Thomas Law
Can I export .framer file into GIFs or HTMLs?
9
Nick Bewley
Any ideas for checking the duration of a "Tap" event? If the tap event is longer than 2 seconds (ie. Tap and Hold), I want to do something different than if it is released before 2 seconds. I'm stuck!! Thanks for any help.
1
Michael McKenna
I'm getting a weird error. When I enter auto animation it appears and the performance of the animation is horrible. Here is a screenshot of the error. The error message only appears in the editing mode for animating layers.
2

January 11

Daniel Caine
Hey guys, where can I find resources similar to the dribbble templates on https://framer.com/brand/? Specifically the iPhone templates with the hands?
1
Lachezar Petkov Petkov
Hello, I got Framer installed on my work computer and a laptop. However, my work computer broke yesterday after an electricity problem. I got a replacement, but now I can't install Framer on it, since I can't "un-license" the broken computer. What is the solution to this? Creative Cloud apps have an option to log me out of all other connected computers, and log-in with new ones.
2
Lukas Guschlbauer
Hey! If I have something like: item.html = "Item Content" How can I measure/return the width of the string?
1
Stan Dézaid
Does anyone know a good database of icons (other than thenounproject or flaticon) that offers a public API ? (not directly Framer-related but potentially useful to anyone !)
8
Oleg Melnychuk
Hi folks! I'm fairly new to Framer and absolutely loving it so far! Have a silly question, though: is there a way to dismiss a Flow overlay panel from the code? Here's what I use to display it: sketch.ShowNavButton.onClick -> flow.showOverlayRight(sketch.NavPanel) The issue I have is that after navigating to a view that is triggered from the NavPanel and then coming back, the overlay is still visible.
1
Radek Kyselý
Framer Studio Hey guys, this is kind of weepy third-world problem—but ever since you changed the color of the middle layer inspector column from dark to light, I really struggle with Framer, it distracts me. Is there any way to toggle back the previous dark look? Or, maybe even better, fully hide the column? Thanks :)
1
Jonathan Cohen
Looking for a prototyping app to build and maintain a functional sales demo. Is it possible to do the following things with Sketch and Framer? 1) When responding to user input, page components should refresh without reloading the page. - Expand/collapse - Swapping content (carousels) - Hover states and tooltips (buttons, map pins, tooltips) - Search type-ahead - Drop-downs 2) Some content should be maintained externally from the design to support sales flows that demo functionality and use cases. - Drop-downs lists - Search type-ahead matches for keyboard input 3) Global style changes for sales targets - Logos - Colors 4) Embedded videos cc: Micah Choquette Gretchen Ziegler
2
Pedro Alejandro Wunderlich
Need help disabling horizontal page scrolling when vertical scrolling on a scroll component occurs. I tried using an if statement to detect when I'm scrolling on the component, but no success... pageScrollBlock = -> if scroll.on Events.DragMove pageView.draggable.horizontal = false
5
Akhil Dakinedi
Hey, quick question: Is there any way at all to make objects at zero opacity non-interactable to click/touch/drag events? Any sort of override to make them respond to events ONLY when their opacity is at least 1? I don't want them to respond otherwise. Thanks!
3
Marc Krenn
Fetching a prototype's URI query enables you to quickly change some of your prototype's variables (strings, integers, imageURL strings etc.) by adding those as parameter to your prototype's link. Examples: * http://share.framerjs.com/hg0qy7vanp9o/ -> loads its default values = ______ + random hue * http://share.framerjs.com/hg0qy7vanp9o/?name=yourName -> yourName + random hue * http://share.framerjs.com/hg0qy7vanp9o/?name=yourName&hue=0 -> yourName + set hue #framercode
4
Jon Madison
I have some config code in my prototype that exposes multiple treatments. Any modules already written or cleanest ways found to allow calling a framer prototype by URL, pass along query parameters to affect the treatment selection in the code?
2

January 12

Daniel Caine
Hey guys! Finished my latest prototype. The code isn't the best but I'm definitely improving - so that's cool! Thanks again to the awesome community for sharing their knowledge and helping us all get better, together! 😃 Link to prototype: https://framer.cloud/RCEEL/ Link to dribble shot: https://dribbble.com/shots/3210399-A-pet-sitting-application
0
Sean Nelson
I'm working to create a very deep app prototype with dozens of screens. Would Framer's offline performance on the companion app hold up with a complex app like this? I've been playing with Origami Studio and the performance isn't great with more than a couple of screens. Thanks!
5
Walé Ogundipé
OK, been playing w/ Framer's open source... Wondering whether that saves much time vs creating animations etc. from scratch. Doing styling with it feels more programmatic/logical than typical CSS, but there's still plenty of random quirks w/ it. At first it seemed like the business, but now it just seems clunky. What are your takes on using Framer.js without Framer Studio?
4
Janik Lipke
Hi everyone, I started using Framer today and loved it right away. I wanted to record my first project using quicktime on a mac. However I'm having issues with the cursor rapidly jumping back and forth between the system cursor and the round Framer cursor (see video attached) which makes it impossible to record a decent video. Anyone else experienced this issue before and knows how to solve it? Thanks
4
Igor Kulemza
I have question. I create new layer and want this layer has a random X position (x: Utils.randomNumber(0, 500)). But i want this layer has Y position random depending on X. In example: if x<250 ...y=50 else ...y=100 Is it possible to define Y this way when i claims a new layer? I am trying this: layer = New Layer ...x: Utils.randomNumber(0, 500) ...y: if x<250 ... ...y=50 ....else ...y=100 Fur sure Framer says there are errors. Can somebody help? I need to define Y just right when i creating an animation for layers that are created inside a loop.
1
Jean Gonçalves
Para curiosos em tecnologia SAP, segue um link para facilitar o conhecimento nessa área. ~ // ~ For curious SAP technology, follow a link to facilitate knowledge in this area.
0
JinJu Jang
Update! Thanks to Sandro ⎋ Poli 's awesome help, I could complete this prototye! :) https://framer.cloud/MXwkf/ Now the zipper works much seamless, and I added little bit of extra code to make it natural (Made zipteeth to gradually split away from the end of the zip) Thanks for awesome feedback & reactions! <3 ================ Hi Everyone, I'm making a weird Slide to unzip(!) prototype for fun. It was fun until I realise it's hard to translate the X position of the slider as an index number of an array. (Still works when you slide really slowly, though! 🤔) I don't feel confidence with using Utils.modulate for this interaction. But that was the only way I know. Sighs. Would be greate if you can give a tip & hint to help me out from this annoying problem!
16
Karol Piwowarczyk
I want to create simple (web) chatbot without any plugin. Therefore I have few question about it. 1. How can I add next element always under previous element independly of the size of the previous element? (example —> second element should be always 40px underneath 2. When last element is too height, scrollComponent should move to top to show whole element I add a picture to show myidea :)
5
Rahul Dhyawala
https://dribbble.com/shots/3212020-Chat-Game-Concept Hey guys! I made a chat game concept prototype in Framer. Hope you like it!
0
Ashanya Indralingam
Happy 2017, Framerers! We're excited to announce that we're now officially going by framer.com. We've also shifted our blog over to Medium and would love to feature articles from our community. Now join us in looking back on the year that was 2016 (and drop hints about what we have in the works for this year) — https://blog.framer.com/2016-in-review-2017-in-focus-297a88702dd0#.7ku3j84ca
0
Aalok Trivedi
My brain is fried and it's probably something really simple I overlooked, but why is this not working?
3
Karina Kozinsky
Dear Framerers! Help needed! I have an array of stars and want them to blink randomly, however, only one random star is chosen and blinks once What did I do wrong?
15

January 13

Aalok Trivedi
Back again...I'm using Jordan Robert Dobson's input module, and I'm experiencing some wonkiness when mirrored to my mobile device. Whenever I focus on an input field, the screen jumps down and back up. Also the cursor gets displaced but resumes in the correct position when you start typing. Any thoughts? http://share.framerjs.com/qldfe68nteif/
6
Blaine Billingsley
I needed an autogrowing textarea so I took a stab at making my first module. Check it out! Would love to hear if anybody likes it/wants better features. It's pretty stripped down now but I'd be happy to improve if people like it! EDIT: Minor bug already found use this link -> http://share.framerjs.com/fg5l0g9h67i1/
4
Alex David
Has anyone else encountered this error when using stateCycle? Error = [framer.js] TypeError: undefined is not an object (evaluating ‘parsedCurve.name.toLowerCase’) My version of Framer is v72 Thanks
1
Sergey Voronov
We had some sort of storm in London, despite that bout 30 people turned up sharing their framer experience
0
Nick Clement
A little film we've made about Glug the past year and a call to new hosts www.glugevents.com/host — get involved!
0
Jon Arnold
Hi guys, I stumbled upon this article and wanted to recreate this in Framer: https://medium.com/@radarboy3000/playing-with-particles-ef87744d7ed2#.6v30l335j Currently I am stuck here: https://framer.cloud/pQgJT/ Thank you!
6
Johan Strömgren
Have had a lot of fun playing around with Framer and Firebase the past couple of days. Here's a few really simple examples of stuff you can do!
2
Tyler Smith
Greetings! I've seen posts about Framer meetups in different cities, and was curious if there would be one in the Los Angeles area in the near future. Any info is greatly appreciated!
0
Daniel Keller
I run into a problem when using Utils.modulate together with Utils.round inside a .html string. https://framer.cloud/ukuUH/ Im pretty sure this example should work right? But the % values do not get rounded. Is this a bug of using modulate together with round? Is this a html string thing? Does someone have an idea on how to fix this / im also happy with a work around / hack!
1
Xin Xin
Hello folks! I'm working on an app that works like Periscope, a live streaming app. I'd love to get your thoughts on feasibility of prototyping this in Framer. Is there a way to pass a video file from one device to another? Say I have a camera pointing somewhere in location A. Then a device in location B can see video from device A, and vice versa. I tested out Keishi Tsuchiya's awesome Camera Layer extension (https://github.com/ktcy/CameraLayer) and it works great for one device showing video from that device. But how can I send that video to another device? There are a couple ways I could wizard of oz this. I could have set up a livestream on Youtube and Twitch to secretly record and have Framer access those somehow. I could also have 2 screens connected to one device and "split" it. Then I would have the conundrum of how to record from multiple webcams. I think this is possible from this excellent test: https://simpl.info/getusermedia/sources/. These are all my thoughts so far. It's a super gnarly problem and I appreciate any help. Thanks!
6
Elise Lawley
is anyone having trouble uploading their project to the clooud. I keep getting a network error all morning
2

January 14

Bhaskar Ravi
Hey all quick question. How do you open up an external URL on a click, in a new window / tab? This doesn't seem to be doing the trick: layerA.onClick (event, layer) -> window.open("http://framerjs.com/","_blank") Thanks in advance.
1
Daniel Keller
Is there a way to disable this behavior(purple borders)? This happens when I tap on a slider! It does only happen when viewing the prototype on the mobile app Framer in IOS! In Framer Studio I can not replicate that!
3
Nicolas Tilly
Hi all! Is it possible to have some advice about the css in Framer: https://framer.com/docs/#utils.insertCSS I did a test and the class "testClass" does not associate with layerA (css border): http://share.framerjs.com/vozzo7xhmxx0/ Can you help me on this? Thank you !
1
Mi Ryeong Lee
Hi, How can I reset my activated devices? My Mac was stolen last week. So I bought a new one, but it seem I activated all devices. It would be appreciated give any advice on it. Thanks
1
Fransiskus Asisi Stepfano
Hi, i want to create a prototype similar like this one https://share.framerjs.com/2khto65thv25/ but i stuck at how to make every tab is scroll able. I've tried to using scrollComponent but still failed and i also have tried to look at the code of the example but it's to advanced for me. Could any one give me some advice or maybe a more easier example similar to this? Thanks
0

January 15

Julius Koroll
Hey guys! I have a problem with using framer and sketch. When I import stuff, everything is in place (neat!) but usually I work with states from that point on. I want to make a transition from that layout to another state. But since the imported "state" is no real state, Framer says "can't cycle through the states, there is just one!". How can I identify the imported "layout" as a state, so I can go from there?
1
Drew Stock
Anyone know who made this drawing tool? Can't remember where I found it. Project's originally titled 'fixed_palette.framer'. http://share.framerjs.com/nlfuzw7rnwpv/
4

January 16

Matthew Mang
Hello Frameristas! First official post to the group. I was wondering if anyone can point me in the right direction of a Framer example similar to Spotify's Touch Preview? I'm trying to build a similar interaction, but I'm not sure what events to use to get the tap and hold, then move around while holding interaction. I found this example online, but it is old and no longer works with the current version of Framer.
1
Nayong Park
I've been currently working on drag a module horizontally and I got a problem to put direction restriction. I tried to prevent left drag direction. How can I do right drag only? I used this but not working: # Prevent dragging left topScreen.draggable.maxDragFrame = topScreen.frame topScreen.draggable.maxDragFrame.width *= 2
1
Daniel Cortez
Is there a way to share a "read only" view of Framer Cloud Dashboard at this time? Great work!
1
Bhawna Sharma
Hi Guys! How can I fade a layer after a few seconds away?
2
Dmitry Sholkov
Hey guys. Just got my hands on to try flow component. It's working really great, however I wonder if you could add one more transition: 'Fade between screens'? Cheers.
3
Marco P Pino
Hey Guys! I'm using the amazing input module of ajimix (https://github.com/ajimix/Input-Framer) and wondered if someone already used it with a fully functional virtual keyboard, to type on a touchscreen?! And if not what would be the best approach to achieve this?
2
Karol Piwowarczyk
Hi! I want create animation like here: https://dribbble.com/shots/2876608-Tick-Animation Could you give me some tips / another example with code? Thanks!
1
Akhil Dakinedi
Hi, does anyone know what could be causing an error like this ("Uncaught TypeError: Cannot read property 'getItem' of null" with a black screen and a red bar at the bottom) when I load up a prototype through Framer Cloud? I'm using the Framer for Android app on a Google Pixel running Android 7.2. The prototype does load after seeing this screen for a couple of seconds, but the scrolling and layer interaction breaks all over the place. It works as intended in other mobile browsers (Chrome/Firefox) but breaks in Framer for Android, so I suspect it's because of this error. If anyone has enough programming knowledge (slash knows about how webviews are rendered on Android) to see what's causing this and has time to take a look at the prototype itself to see what I could fix to make it right, please message me and I'll send you the Framer Cloud link to the prototype (can't exactly share it publicly here). I need to get this working within the next twelve hours, so the sooner the better! Thanks in advance.
2
Aalok Trivedi
I'm trying to use k-vyn's ios kit module, and for the life of me, I can't figure out how to use the text field in conjunction with the keyboard. I've tried everything (I think), but I keep getting an error even if I create a new keyboard. Any help would be much appreciated
2

January 17

Markus Manuel Burkardt
Hi all, Quick beginner question here: Does anyone here know by chance if Framer allows to modify a position of an element (imported via sketch) in percentage instead of concrete pixels (to make it somehow responsive?). like sketch.element.x=10% instead of 100 px? I tried that obviously but didn't work and I did some research and I was wondering if there is simply a special way how you would define it in Framer? Cheers, Markus
1
Dexter Wang
I was using scroll component to have an element switch states after the user scrolls to a certain Y value. If you scroll down fast, it's fine, but if you scroll up fast, the slide in animation is really slow. Anyone know what the problem is? Thanks!
1
Kai Daniels
How do I disable the "Made with Framer" badge which appears on desktop?
1

January 18

Stewart Murrie
FramerFolk: I've noticed that, when I import my Sketch file to Framer, Sketch's memory usage (according to Activity Monitor) increases dramatically—about 5GB per import. Eventually if I do enough imports both Framer and Sketch will hang and I need to Force Quit both. I pinged Sketch about this but they think it's a fault in Framer :) Can someone help me get to the bottom of this?
2
Rich Price
Any Framer peeps in Denver? I'm thinking about starting a Framer Denver group. Care to join me?! :)
7
Lauren Argo
Hi there, I am having some trouble with mirroring on an android tablet: - When I pull up my prototype on the device it shows up at around 20 percent of the actual size. I tried uninstalling framer and reinstalling and got it back to full size but it keeps going back to the small size on my device and then I can't get it back. Any thoughts? - I also have a few events that play out fine on my computer but do not respond right on android. Thoughts here?
5
Lee Jungyoung
Hi Guys, I made simple Public Board with Firebase and InputField module. Yes. You can actually write post and leave comment in this prototype. Playing with real data feels totally different experience to me. Hope you guys too enjoy this. :) https://framer.cloud/CPnIO/ And big thanks to Marc Krenn and Jordan Robert Dobson for their awesome modules. Those two are my favorite so far.
4
Sigurd Tapio Mannsåker
The Adapt module for Framer makes it a bit easier to create dynamic prototypes and test on lots of devices. Upload once, and open the same prototype on any device to see it in glorious full screen and native resolution. In a desktop browser, pick any device on the fly from the dropdown in the top right corner without having to update your prototype. Also comes with a dp() function to define values in 1x, and Adapt.width / Adapt.height to create breakpoints based on the screen dimension in dp. Hope it comes in handy for at least some of you :) https://github.com/sigtm/Framer-Adapt
2
Kai Daniels
is there any way to increase the scale of a layer, but then also leave the scale of its children the same?
2
Trevor Coleman
Discovered a new way to assign event listeners programmatically using RegEx on layer names. With the new FlowController it really speeds things up. I created this whole thing (with sidebar, modal and bottom navs) in 37 lines of code!
5
Baisampayan Saha
Hi all...need a small help...I have a text input element in my ios prototype. I am not being able to hide the keyboard on a certain keypress. I am using the code below. The keyboard does hide but it also pushes the content upwards.
2
Michał Jarosz
Hi, I am not coder, but I believe there's some trick to do number counter in Framer JS with or without this: https://inorganik.github.io/countUp.js/ It's popular, but sometimes I need present it to client.
5
Jon Arnold
Hi guys, what is the most effective way to scale the current page to 1, other pages to 0.9 considering its scrollposition in the pager. I don't want to use states for animating ;-) http://share.framerjs.com/dw0zck5pllzz/ Thank you for your help!
2
Lauren Argo
Hi there, I have a few events in my prototype that play out fine on my mac computer in framer as well as when I view my prototype in a browser (chrome) on my computer but they do not respond right on my android tablet when I open in the Framer app. They become glitchy and don't function properly. Thoughts? Thanks!
2
Radek Kyselý
To ES6 Lovers! Do you know you can ›already‹ write JS inside Framer? :) ` let newbies = () => { print("Use CoffeeScript instead."); } ` So my question is—why so much freaking out about the transition and needing to go officialy to ES6 when you can already use it when you need?
1
Mike Johnson
It's been a few weeks since the last video, the holidays have been crazy! But back on schedule:
3
Jon Sullivan
Can anyone help me determine why my animations seem to pause between each other?
2
Ben Ellis
Since the change from Share to Cloud my Framer iOS viewer app won't open prototype links from http://framer.cloud. Is anyone else having a similar issue?
2

January 19

Celeste DeMartis
Is there any way to get the current layer of a flow component? I'd like to have a conditional to change the flow.header depending on which screen is displayed...open to other ways to do this.
4
Jacek Stryk
Having problems with the videoLayer. To start playing the video in to prototype just press ENTER. I can hear the audio but no video. To see the video I actually need to click inside the window. Is that a bug? Any suggestions on how to set up the videoLayer so it plays BOTH audio and video on keyboard ENTER? Thanks!
4
Jacek Stryk
I'm trying to display LayerB (where layerB.z = 0) on top of LayerA, where layerA.z = 100 for instance. layerB.placeBefore(layerA) does not really show layerB in front of layerA. How can I show layerB on top of layerA without making layerB.z = 100?
2
Koen Bok
Protip: Framer includes the Lodash Javascript library. This has a lot of cool helper functions that you can use. Some examples: See if something is a string: if _.isString(something) Run animations for a set of layers: _.invoke([layerA, layerB, layerC], "animate", {curve: "spring(100,10,0)}) See which layers are wider than 400px layers = _.filter [layerA, layerB], (layer) -> layer.width > 400 For the full docs:
2
Amit Kaplinsky
Hey Framers, How can i create and trigger custom events in framer studio like in JS ? (see attached)
3
Samara Mohammed
Hey gang, does anyone have an animation loop module they'd be willing to share?
8
Rory Smyth
Has anyone got fastSeek working with videos? I have the following code, but it always starts the video at 0
3
Igor Dvorkin
I'm a developer working with my designer. My designer uses framer, and I preview the CoffeeScript in a local website and make minor tweaks. When I change app.coffee everything works. However, when I change modules, framer.modules.js doesn't get rebuilt. Is there a script i can run to rebuild framer.modules.js?
5
Sergey Voronov
anyone managed to calculate where the layer will stop scrolling animation, but within onscrollend event, taking into account layer's velocity?
4

January 20

Steve Ruiz
I'd like to build an interactive deck to show off some of the work I've done in Framer. Before I start building a website or slideshow, do you know of a tool or platform for showing off user flows step by step that works well with Framer? Hard to describe what I'm looking for, so naturally I used Framer to put together a very basic prototype. Click the little Next > button to advance through the steps. I'm using the videoLayer to switch between clips of a screen recording. (And sorry, the text doesn't really match the action.)
2
Chris Camargo
When opening some older Framer prototypes, I get a lot of weirdness where layers appear outside the device frame, and I can't switch devices. This is expected, but when I hit "Update Framer Library", the prototype stops rendering altogether, and I get an error thrown. The error looks like this: ModuleBuildError: sh: [pathToFile]/myProject.framer/framer/framer.modules.js: No such file or directory. Any tips on how to get my old prototypes humming again? OS X El Capitan 10.11.6, Framer v80.
2
Daniel Alvarez
How can I customize the editor in Framer Studio? I'd like to setup Operator Font in it (example in Atom Editor https://gist.github.com/brandondurham/3828ac42766f9f187c8e). Is this possible?
1
Paul Klinski
Hey Framers, I got a problem, maybe someone can help me. I need to write a quiet big amount of code ~ 5.000 lines. Is there the possibility to write in multiply scripts and link them, like an import? Thank you guys for support :)
1
Tae Chemist
Can I animate element to move along an arc line rather than in a straight line?
7
John Lee
My dearest Framerers, Please save my weekend (life, soul and pet dog - Frams, named after Framer) by answering this question: I want to connect 2 page components so they both control each other (for example: pageScroller1 and pageScroller2) Here's an example of the top pageScroller, setup by the brilliant Jonas Treub http://share.framerjs.com/120u52af00wg/ Now imagine I have another carousel below. Both of these react to each other. Swiping left or right on the top, or bottom will react to the other one. Ideally I don't want to use a bunch of IF/ELSE statements, it needs to be scalable (say you had 100 pages...) Make sense? THANK YOU, you wonderful people!
6
王轩
Hello Framers, I am trying to do a demo so that the this blue layer will slide down to where the user clicks (each clickable area is a 1 of 7 layers created in array). I've searched a while and I couldn't find any way to get it to work. I thought I could map the position to array[i].y but that doesn't work. Any help would be appreciated.
1
Constantine Zuev
Hey fellow Framers! Anyone knows how to change speed of transitions in new FlowController?
2
Eva Reussien
Hello there fellow Framers, I am making a prototype with Sketch and Framer. All is imported like it should, but now I wanna make some changes in my design on Sketch. When I will save these changes, will Framer update the changes I made in my Framer document? Or do I have to make a new Framer document and import my sketch design again so it's updated? Thank you for the help!
3
Мария Копотилова
Hi guys! Is it possible to drag 2 objects at the same time (with different fingers)?
2

January 21

Bart Claeys
Long shot, but are there any Belgian prototype designers on here looking for a cool job leveraging Framer? Maybe you always dreamed of living in the land of chocolate and beer :) If so, drop me a note, the organization is internationally minded so even-though this vacancy is in Dutch this could be a great opportunity for you.
2
Lachezar Petkov Petkov
Hello, I'm experiencing significant performance/responsiveness issues with Framer for Android. My simple prototype consists of a horizontally scrollable PageComponent + carousel indicators and a nested ScrollComponent in on of the pages. I have no such problems on iOS or on the Mac. Is there a workaround? Is this a known issue?
3
Tim Rosenberg
How do I add a video background on auto-play?
1

January 22

Konstantin Dolzhenko
my shit: России: https://framer.cloud/WdJAE/ Израиля: https://framer.cloud/ucpCn/ Германии: https://framer.cloud/YDOVH/ США: https://framer.cloud/cVuSu/ and: https://framer.cloud/SZHsL/
1
Aalok Trivedi
Is there a way to modulate the background color alpha?
2
Dmitry Sholkov
Hey guys. Does anyone know what is the best way to mask image with custom shape?
8
Mike Johnson
Using layer.emit 'customEvent', is it possible to set event bubbling to true so that superLayers can respond to events from their sublayers?
1
Lukas Imrich
Does framer has something similar to - target - "A reference to the object that dispatched the event" ? To be able to do something like this, function hide(e) { e.target.style.visibility = 'hidden'; } list.addEventListener('click', hide, false); Here is my piece of code, in which I am looking how to reference layer that emitted an event. Target is giving me "just" reference to div element.
5
Daniel Keller
When you click on sliders the knob jumps to that position. Is there any way to disable that behaviour? So that you have to drag the knob to change the value? Im asking because I have a SliderComponent with the event: slider.on "change:value" The Problem is that I get RangeError: Maximum call stack size exceeded. I only get this error when I use the Framer App on iOS and click somewhere on the slider outside the knob area. I can drag the knob just fine and it works. Also in Framer Studio directly everything works perfectly I dont get any RangeErrors.
2
Luis Ricardo La Torre
Was "Pagecomponent.wrap" discontinued?
5

January 23

Vivian Zhang
Hi! I recently made a cool prototype with Framer with 3D mesh interactions using three.js (http://viviandzhang.com/project/eyewire-mobile/ for details) and was planning to write an article on Medium about how I did it. Was hoping to submit it to the Framer publication, any leads on how?
14
Staci Stanford Jaime
Hello Framers! A group of HCDE students at UW are interested in learning more about Framer. Would anyone be willing to introduce a group of us to Framer and do a demo or walkthrough to help us get started? Saturday, January 28th is the day we’re thinking of doing the activity. We would really appreciate it!
7
Vishal Iyer
Has anybody noticed that when importing artboards from Sketch, the background color is applied in Framer even if you uncheck the background color option in Sketch? Since the default is white, you always see a white background in the imported artboard
3
Paul Klinski
Hey Framers :) I want to import a .json or .csv file to get data from another program. how can i do this? can anybody help me?
3
Milan Seitler
Hey, 2 question: 1 - how to track scroll with mousewheel? 2 - how to track change:y in Scroll component in the time when ScrollAnimationDidStart and ScrollAnimationDidEnd? need to update number based on the layer position inside scrollComponent.
1
Laürici Dumitru
Hello Framer community! Have you ever used "layerA.player.fastSeek(numer_of_seconds)" successfully? I have a video layer but, instead of playing it normally, I want to use Utils.Modulate to link the duration to scrolling - so you can basically scroll through the frames of the video. I've tried fastSeek and "layerA.player.currentTime = numer_of_seconds" but it doesn't seem to do anything. I can definitely print the currentTime while it's playing but for some reason I cannot seem to be able to set it.
1
Igor Dvorkin
Can I set the id for a layer? I see I can set the name, but id seems like the right attribute to set. .
4
Brenden S. Rodriguez
Hello from Oakland, CA. I am thinking about setting up a Framer study group in Oakland. Just want to feel the community out and see if anyone is interested. Thanks!
1
Naheel Jawaid
Hey guys, quick question. I'm trying to import from Sketch and leave the background transparent. Pics attached. It's importing with a white background. Any advice?
1
Naheel Jawaid
Hi There! Having some trouble. Is there a way to change the contentInset of a ScrollComponent without it refreshing? I'm trying to expand a post in a feed and the problem right now is that I either have a bunch of whitespace at the bottom, or it will get cut off. Vid attached. When I use a conditional to change the contentInset, it make it jump back to the top of the screen.
1
Sigurd Tapio Mannsåker
Kind of tangentially a Framer question, but since people here are such a good mix of designers, devs and general clever types: Anyone have any recent experience with using vector icons in iOS apps? I'm aware PDFs are a thing, but they just get rasterized by xcode. Since we use SVG on every other platform, including Framer, it would be nice to just have one icon library that gets piped into every client and prototype. Considering SVGKit, Macaw and PaintCode so far, but I haven't found a lot of writings on people's experiences with them. Especially curious about performance and stability. My impression is that PaintCode is the safest option. True/false/other suggestions?
2
Gergő Homola
Hi everyone, I am absolutely new to Framer and do not know much about coding either. I've found tutorials on YouTube but they are quite specific about certain things and however, I can copy the code but there is no way I could write my own code afterwards. So, Could you please, please point me to the right direction to find good tutorials or a course that could help me get started? Thanks in advance for any help.
4
Joshua Bradley
Hi Framers. I'm wondering if there's a simple way to remove or create new history items in the excellent FlowComponent. For example if I open a new page from an overlay menu, but don't want showPrevious() to reopen the overlay, instead going back to the previously viewed full page. Make sense? Am I thinking about this in the wrong way?
2
Björn Mußmann
Hey there! My question is: Why is the parent undefined? TypeError: undefined is not an object (evaluating 'layer._element.appendChild') Or: How can I use the value of the variable "name" instead of "testSwitch"?
5
Carl Bl
Hey there! I wanted to know if it was possible to access the proximity sensor from an iphone or android device with Framer. Do you have any idea? Thanks in advance! Carl—
4
Anders Kavcic
Question: How to create custom properties in extended classes? Hey everyone! I'm want to make a class for my nav buttons. And I'd like to create each button like this: nav_a = new NavButton on_image: "images/nav_a_on" off_image: "images/nav_a_off" This is what my class looks like: # NAV button class class NavButton extends Layer constructor: (options) -> # Get default layer functionality super _.defaults options, # Set default properties width: 270 height: 234 @myState = false @on_image = "images/nav_a_on.png" @off_image = "images/nav_a_off.png" # Deactivate by default @deactivate() # Add events handlers @onTapStart -> @myState = !@myState if @myState @activate() else @deactivate() activate: -> @image = @on_image deactivate: -> @image = @off_image # END NAV class How do I write the class so that it accepts on_image and off_image as input properties when a button is created? I have been Googling for hours ;) Any input deeply appreciated! Thanks.
2
Grant Garrett
Anyone having image cache issues on Framer Cloud? Images don't seem to be updating on Cloud for me (everything else is), possibly a caching problem? Locally the images (imported from Sketch) have updated but after uploading to the Cloud I'm still seeing the old versions.
2

January 24

Paul Kooi
Having some trouble and would love help from some of you ninja's out there... I'm trying to write a simple conditional where on Click framer checks to see if the current object, in this case layerA has a state of "default". If the state is "default" do X, else do Y... When I run it... it always does Y... seems like no matter what the state is... it always switches to "C" layerA.onClick -> if layerA.state = "default" layerA.states.switch("B") else layerA.states.switch("C")
4
Ed Chao
Made apple tv interactions with framer. It's a bit brute force, but still fun to play with :)
2
Andrew Liebchen
Hey cool kids, I made a module to help you quickly stand up an interactive chat prototype. As I have more time, I'll add additional features and enable more customization of the chat UI style. https://github.com/andrewliebchen/framer-chat
7
JinJu Jang
Hi, everyone! I've been sharing Framer prototypes along learning Maths. I wrote a story about how I started learning mathematics again. (I was bad and hated maths, lol) almost every example in this post is made with Framer. Please check it out if you are interested in. :) Thanks!
18
Kunal Bodke
Hey framers! I have a question, we are beginning to prototype in FramerJS and I was wondering can we reuse the code for actual production projects in Android, iOS or Web platform?
1
James Muirhead
I'm experiencing issues when I try to view a Framer prototype embedded in an <iframe> in Safari or Chrome on a mobile device (issues best seen by using a tablet). Scenario #1 - The <iframe> is NOT inside an enclosing <div>. http://freshtaps.com/iFrameTest/test_without-div.html If I'm viewing in Portrait orientation, the Framer is positioned properly but the <iframe> itself is wider and higher than the Framer. If I switch to Landscape orientation and reload the page, the whole page kinda blows up with the <iframe> filling the viewport and no Framer in sight. Scenario #2 - The <iframe> is inside an enclosing <div>. http://freshtaps.com/iFrameTest/test_with-div.html If I'm viewing in Portrait orientation, all looks good. If I switch to Landscape orientation and reload the page, the Framer prototype is shifted up and to the left inside the <iframe>. Scenario #3 - Two <iframe> tags on the same page - the first one with an enclosing <div> and the second one without a <div>. http://freshtaps.com/iFrameTest/test_without-with-div.html In Portrait orientation, the first <iframe> displays the Framer properly, but the Framer is nowhere to be seen in the second </iframe>. In Landscape orientation the first <iframe> displays the Framer offset up and to the left. In the second <iframe>, the Framer is still nowhere to be seen. Control Scenario - Two <iframe> tags on the same page - the first one with an enclosing <div> and the second one without a </div> AND a simple HTML page referenced in each instead of a Framer prototype. http://freshtaps.com/iFrameTest/test_with-without-div_control.html You'll notice that there are no issues with either the size of the <iframe> or its contents in either Portrait or Landscape orientation, which leads me to believe that the Framer page is partly the cause of the various issues seen in Scenarios #1, #2 and #3. Everything works as expected in a desktop browser, so it seems to be the combination of a Framer page with an iOS browser. Any ideas or solutions?
1
Michael Pyrkh
Hi everyone! Why does the preview window keep showing me the spinner and nothing else?
3
Fabien Mahé
Hey guys! I have a problem... A big problem... It's my birthday and I can't do what I want on Framer... If anyone can help me with states and onClick in a loop he will have the biggest "thank you" ever :) Basically I generate 5 different layers with a loop but the onClick to change the state works just on the first generated layer... I tried to move things around, in and out the loop, but it won't work :/ Thanks :) (Yes I use my birthday to have what I want) :)
1
Giles Perry
I came across something when including a header in a flow component. The documentation says "Any child layer that exceeds the height or width of the FlowComponent automatically becomes scrollable". But when I include a header, all child layers become scrollable regardless of the height of the child layer. I can handle this as follows: flow.showNext(layerA, scroll: false) But it feels like this behaviour is inconsistent and unnecessary. Is this a bug?
0
Silvia Bormüller
Hey guys, don't miss the next Framer Meetup in Munich next Monday. See us! :) https://www.meetup.com/de-DE/meetup-group-framerjs-munich/events/236414509/
1
Patryk Adaś
I have requested and received help numerous times from this group. Mostly, I was asking for the implementation details for this prototype. We have also designed, among others thanks to Framer, all the movements around the trails, which I will post about soon. Thank you, it's an awesome tool!
0
Louca Ruhe
Hello, I am new to framer and I have a question. I've imported my sketch file to framer and now I want a filter option come sliding from the top when I push the search button. Can anybody tell me how to do that?
2
Drew Stock
We rebuilt The Brain by Mike Matas in Framer. Made a lil film and tutorial to go with. Any one else working with neural networks? Thanks very much Callil Capuozzo for your drawing tool. https://youtu.be/b9LRK1CDWYQ https://medium.com/@BigTomorrow/understanding-how-machines-learn-through-prototyping-486fef5de703#.hp61a9tfd
3
Wez Elliott
I've just opened up an old project which I did several months ago... and I'm getting loads of errors. For example, it seems like it viewing a sketch layer as a function... any ideas?
3
Artur Abato
how can I import another coffee file to app.coffee? Tried Framer.import("file") which suddenly stopped working :|
1
陈伟
hi guys, Snow just a layer, Why is an error reported ?
3
Wonjun Song
Hey guys, does anyone know why prototype renders smaller when you open it on iphone app? I am using iphone 7 device template in framer and I have iphone 6. The black region is empty space. Thank you!
4

January 25

Paul Kooi
Couple of questions: 1. Is there a way to set the state at runtime? Say you want load a prototype and would like an object to assume a state other than default? 2. Is there a way to dynamically parent something based on state. Say on stateA you want it parented to a scroll container. On stateB you want it parented to another object? I found a hack around both of these issues. Just thought I'd ask and see if you ninja's out there have some experience with these things. Thanks
2
Tyson Junkers
I made my website into an app for my first proper build in Framer. Really loving this app. I'm sure my code could be simplified. https://framer.cloud/KUqby/
1
Erin Jerri Malonzo Pangilinan
Anyone make something like this using FramerJS? I was trying ot figure out how to use w/o a Skybox if I already had a 360 photo and how that would change the JS interactions and code.
3
Edwin Van Rijkom
We're shaking up the Framer Cloud server a little. If you run into any trouble, please let me know!
0
David Plakon
Having an issue: https://framer.cloud/AQJxQ/ Working perfectly in Studio, but getting this "Uncaught Reference Error" in the cloud share.
3
Krijn Rijshouwer
We're demoing our next big feature launch, showcasing community prototypes and more at the first Amsterdam Meetup of 2017! Tune in here — https://www.facebook.com/groups/framerjs/permalink/1052095374917533/
0
Robin Spielmann
Hey, I'm building a "to-do-list" prototype for my bachelor thesis with framer and have a question managing my layer styles: I m creating 4 list items (0..listItems-1) when the prototyp is starting. You can see on the left side of the picture (1.) the matching code. The list items have layer.styles, which are the default styles for the every element in the list. The code on the right side of the picture shows the code, when I add new list items tapping on a button element. I want to create the exact same list items like I did it before with the 4 default elements but I need to write all the style properties again. Is there a way to define a default style for every new layer in my list?
1
Kees Plattel
Just cleaned up this little prototype that i presented at the Meetup in Amsterdam that uses Mapbox. The thing to note is that you need to dabble in the index.html in order to get it work right. :) Let me know if you have any questions!
0
Jordan Robert Dobson
FontFace Class Module Demo: http://jrdn.io/dRVT Here's a bit of code I've been using myself for a few months now. It allows you to load in custom typefaces into your prototypes with very little effort. There is some basic error checking and testing to validate the typeface was loaded. Here's how simple it is to add to your prototypes: gotham = new FontFace  name: "Gotham"  file: "Gotham.ttf" Check out the demo above or you can grab just the module if you'd like. Module: http://jrdn.io/dRXH Please let me know how it works for you, if you have any suggestions or if you find any errors / issues putting it to use. Enjoy!    :D
8
German Bauer
Hi Jonas Treub , looking for your article "... Design for Virtual Reality with Framer ..." on the framer blog, any idea where it went? thanks!
4
Marty Laurita
Hey Framers! We have another meetup coming up this week, come on down for some beer and prototyping!
1

January 26

Nando Rossi
Help! Trying to prototype a "snap scroll" (exactly like this one) and can't even google an example of this (keep getting Javascript libraries or CSS tips). Anyone have any clue how I can do this? I'm using this as a starting point: http://share.framerjs.com/u0p8n6fepgfi/ This is what I have so far: https://jsfiddle.net/nrbmsy5a/1/ It's not really working... :/
2
Ermal Turkesi
Hi there, I was wonderin if someone knows how to set a snap point on a volume slider/fader. Here is a sample of theslider, http://share.framerjs.com/9f7e7b876901/ that I would like for it to snap when the the slider is set +-5 from where the sniping line appears. Thanks!
3
Jairo Avalos
PageComponents giving me issues. Trying to get to the next page when a label is tapped. Everything but the snapping to next page happens. Any insights? # Create PageComponent pageComponent = new PageComponent width: Screen.width, height: Screen.height - 240 scrollVertical: false, scrollHorizontal: false, backgroundColor: "#262626" y:sketch.navBar.height # Create City List Scroll Component cityListPage = new ScrollComponent width: Screen.width height: Screen.height - 240 scrollHorizontal: false contentInset: {top: -128, bottom: 10} superLayer: pageComponent.content # Create team list ScrollComponent teamListPage = new ScrollComponent width: Screen.width height: Screen.height - 240 scrollHorizontal: false contentInset: {top: -128, bottom: 10} x:cityListPage.width # Create game list ScrollComponent gameListPage = new ScrollComponent width: Screen.width height: Screen.height - 240 scrollHorizontal: false contentInset: {top: -128, bottom: 10} x:teamListPage.x + teamListPage.width # Add content to scroll layer sketch.cityList.superLayer = cityListPage.content sketch.teamList.superLayer = teamListPage.content sketch.gameList.superLayer = gameListPage.content # Add lists as pages pageComponent.addPage(teamListPage) pageComponent.addPage(gameListPage) # Move to next page on tap sketch.bayAreaMetroLabel.on Events.Click, -> cityLabel.animate properties: {opacity:0} curve: "spring(400,25,0)" teamLabel.animate properties: {x:180, opacity:1} curve: "spring(400,25,0)" pageComponent.snapToNextPage()
2
John Lee
Can you animate contentInset on a scroll component? I've tried by it's not working...
4
Robin Spielmann
Hey, I have a problem with my constructor properties. I've created a class "elementObject" with the properties you can see in the screenshot. Everything works fine, expect the "listIndex" property. The variable "listElements" is from type number filled with the count of existing elements. The value works perfectly in the "name" and "html" properties. When I create a new object from type elementObject and write "console.log(element.listIndex)" the console report says "undefined" Where is the issue? Thanks for your help!
1
Alexander Olssen
Hey, guys! I want to create a simple card "flip" animation and have no idea how can I show a content on the back side of the card. My first thought was to create 2 cards and animate them simultaneously. But maybe there is an easier way?
2
Giles Perry
Feature request: I would love to be able use autocode to play with animationOptions when I add a state to a layer (layerA.states.a). At the moment it only works in layerA.animate "a"
0
Andrew Liebchen
Howdy, I put together a module that helps you import data from a Google Sheets spreadsheet as a collection (an array of objects). It's a little rough around the edges and I haven't really tested it out that much, but I'm throwing it out there in case you want to give it a try. Add any comments, questions, or ideas in the comments below! https://github.com/andrewliebchen/framer-sheet Most credit goes to an existing library called Tabletop that does all the heavy lifting: https://github.com/jsoma/tabletop. Thanks Isaak for the inspiration to pull this together!
3
John Lee
Good new year, my fine fellow Frameroos! Could someone explain 'no such state: moveY'? Or go one step further and provide a solution for using multiple states inside a function method: changeLayerStates = (state) -> _for layer in moveYLayers __layer.animate state Thanks!
4
王轩
The auto-code handles disappear when you create a custom class that extends Layer. Anyone else have that issue?
2
Mike Paggi
Is Framer Cloud just for your own account or can link up with others as a team to view products together?
1
Gustavo Vidal
About: A new Startup trying to make a big difference. Our goal is to connect all photographers and surfers, and change the market of surf photography, so that more people can live from this profession. ------------------------ Hi framers, I'm developing this prototype (The buy flow), so say what you think. ;)
3
Kasper Germann Kramme
Can anyone tell me if there is a way to disable some pages in a PageComponent and enable them later through alternative interactions? You have PageComponent X with page 1,2,3,4 and i want 1,4 to not be active unless I have clicked on button Y.
3
Jonas Treub
Framer meetup Amsterdam
56
Eyal Zaidman
Hi there, I'm new to Framer and wanted to ask: How can I share my mockup with the rest of my team when we're not on the same WiFi. I went to the "Links" tab on my iPhone (Framer Preview App) and there's no way to add a URL or something. It says there "Click Share in Framer for Mac" but there's no such button on Framer. There's an "upload" button - which I've used to upload to the cloud, but it seems there's no way to add this URL to the App. Appreciate your help :)
2

January 27

Eyal Zaidman
Is there a way to read and parse a JSON data file in Framer?
3
Jacky Lee
Hey everyone, what's the best way for checking the flowcomponent's current page? I am using the following code to do this right now: layerA.onClick, -> if flow.current.id is 1 functionA() else functionB So far only flow.current.id works for me, I'm wondering if anyone else has successfully used flow.current.name or something similar for this? Many thanks in advance 🤙🏻
2
John Lee
I tried to make a scroll component, which snaps to the top on scroll.content change:y but it looks broken. 1. Any tips on how to make this more elegant (slight scrolling then snapping) 2. Make it work in reverse and return to the original position on scroll down. Currently has a horrible flicker like it's got diarrhea or sumtin. https://framer.cloud/ElICc/ Merci beaucoup my chums!
5
Robin Spielmann
Hey! I'm trying to create a side-menu, which should animate from left into the viewport. The default x value is -630 (the menu width) and a button should toggle the x value from -630 to 0 with a animation. On the screenshot you can see my event listener on the toggle button. why is there a error report, that I can't animate the x value of the layer element? Thanks for your help!
2
Sona Solbrook
hey all...does anyone have an updated toggle button module?
2
Javier Eduardo Treviño
Hello guys. I am building a template for my web prototyping needs, as I find most tools out there fairly limited. Is there a way to store a flowComponent into a ScrollComponent? Any other feedback or tips are welcome. ** I was able to wrap the flow component var inside my scroll component with: scroll = ScrollComponent.wrap(flow) any other ideas about replicating web styled navigation or interactions are welcome. Also it would be helpful to know some ways to de Responsive web design with this workflow. ('m prototyping this in Safari as opposed to using the canvas)
2

January 28

Paul Klinski
Hi Framers, I want to create a variable amount of states and animate through those, but I cannot set a variable as state name, so the states overwrite themselves. Can somebody help me?
3
Eyal Zaidman
Hi there, is there a way to get the correct height of a layer with an overflow html text (hight returns the height of the layer itself and not of the unclipped text)?
0

January 29

Ruben van Gaalen
Hi guys, I'm looking for a framer example on 360-degree pictures with layers stitched at specific coordinates! Thanks in advance!
1
Sergio Zn
Hi, I am new to framer and I am trying to create an interactive form - prototype similar to " Typeform".I wonder if anyone has created similar thing using framer. Thank you
3
Chris Wang
One thing that I wish I could do in Framer is to modulate animation progress, similar to the Driver in Principle or Progress in Transition patch in Origami. Here's one use case, if I have a layer, and I want to animate it smoothly from stateA and stateB based on force touch, right now you can't really use states to achieve that. The beauty of states is that it's like drawing two keyframes in animation and then the computer will fill in the inbetweens. https://youtu.be/TZJLtujW6FY?t=3m7s like the one demoed in Paperman, or even Ed Catmull's Tween decades ago. In framer when I need to animate layers based on continuous events like dragging or scrolling, I'll have to write the math for each property I'm animating. I wish I could just do things like layer.states.add start: opacity:0 scale:0 end: opacity:1 scale:1 animationProgress = Utils.modulate(forceTouch, [0,1], [0,1]) ... layer.states.switch("end", animationProgress) and it will smoothly animating between the two states based on force touch.
4

January 30

Ed Lea
Is it possible to set dynamic widths/heights based on the content (html?) of a layer. e.g. a = new Layer html: "variable string length" or is there a best practice to enable a layer to resize based on its content? Edit: I'd also like to read that width back, but a.computedStyle()["width"] returns nothing, a.size returns the default 100x100 sizes and a.contentFrame() returns all 0's
35
Rajeev Ranjan Kumar
Hi Framers, I am new at here. Can any one tell after completing framer prototyping. How can I use in Xcode project ? Thank you
1
Mike Johnson
This week's FramerCasts video takes a look at step one of creating a custom module: converting a simple chunk of interaction and extracting it out into a class. We'll go over in detail creating our class, extending the Layer class, setting up our constructor to pass properties up the chain with super(), how to start thinking about what to refactor and what might not be worth it, and a bunch more.
1
Javier Eduardo Treviño
Guys is there a way to use jQuery plugins like Carousels for example in Framer Studio? it'd be awesome for web design/prototypes
1
Sida Li
Hi! Is there a way to start the scroll at a certain scroll position? When I try to define the content's y position it gets cut off from the top. Thanks!
1
Gergő Homola
Hi everyone, can I have a little help, please? While testing Framer, mirroring on android doesn't seem to be working for me. What am I doing wrong? It shows up like this on my Galaxy S7 Edge (works properly on iOS)
2
Benjamin Zanatta
Hi ! I've seen that this topic has already been discussed before but I want an update : I'm designing at @1x in Sketch and when I import into Framer @2x, it double the size on my document instead of keeping it at the same size but with twice the density. Am I doing something wrong ? Is it a bug ? Is it normal ? Thanks !
2
Karol Piwowarczyk
Hi! I have problem with onMove events. scroll.onMove -> if scroll.scrollY > 230 animation4.start() animation5.start() animation6.start() animation7.start() My animations end only when scroll is not active (stop). (when I scroll slowly, my animation also is slowly…) I want to start my animations regardless of scroling. Thanks for your help!
2
Matias Seijas
Hey guys! I've been playing with Adobe XD today, and I'm wondering if there's an easy way to import these designs into framer. Does anyone have any experience with this? Thank you!
6
Emmanuel Henri
Quick question is there a better solution (inside of framer) then this one? Currently using onScrollEnd to show 2 buttons but they show as soon as I release the scroll instead of showing up at the end of my scroll...better way? FYI I created a text layer that I wrap inside a ScrollComponent...
3
Văn Công Bằng
Hey guys, i intend to make a countdown timer, any suggestion ? I'm new to coding, so i need some suggestion. Thanks
4
Eelco Lempsink
Hey everyone, we just pushed a release comprised of a few Framer shortcuts. For one, you can now edit or add states, animations and event handlers directly from the layer panel using a context menu. Also, holding down cmd and clicking on a layer will navigates you directly into Auto-Code. We've also fixed a few key issues, so check out the updates page for a full overview https://framer.com/updates#v81
9
Will Anderson
Hi there—been trying to replicate a web scrolling effect, and haven't been able to figure out a solve. Here is an example of the effect (http://www.loisbarnyc.com/)—the right image container sticks on scroll, but subsequent images overlap each other as you scroll down. Here is the prototype (https://framer.cloud/LCAGA/). Any suggestions or theories on how to approach this would be greatly appreciated!
2
Lauren Argo
Has anyone ever gotten the 'error:object' message when trying to bring up a prototype in frameless on an iOS device? Curious if anyone knows the reason for this. Thanks
2

January 31

Alexander Maximets
Hey everyone, I'm trying to reverse-engineer the dropDown functionality and make it so that, when clicked, instead of increasing the height of the menu with all options stacked on top of each other, it increases its width revealing all the options side by side. https://framer.cloud/acZbg Any help would be appreciated! Thanks
2
Brady Sammons
Hi Guys, Im so enjoying Framer thus far. Such an amazing application... however im running into a problem... I just want to create a button with hover states... and an active state. In Jquery its no biggie at all but in Framer / coffee script i can not seem to replicate this functionality any help would be awesome Framer See demo here:
7
Anat Sharon
hi dear framers. your help is kindly needed :-))))))) i new to framer. i have a problem to see my project at the correct screen size. i have done mirror in order to see the project on my mobile phone through the framed app. i designed it for galaxy G6 (1440x2560) and opened it on galaxy S4 (1080x1920). the project looks blown up a lot. what could be the problem and how can i fix it? please help me to figure this out... thanks a lot anat
1
Björn Mußmann
Quick question: How do I apply changes to the sublayer?
8
Aalok Trivedi
Any news on when the Framer app for Android is going to be updated? I know it's been mentioned a couple times, but it's been pretty laggy and unresponsive. Also, sooo annoying to have to guess which project ID corresponds to your project. 25jks74? sure let's try that—nope; 348g7h4?—nope, 3493fsj7?...etc Also, using onTap no longer works in the app. You have to use onClick
2
Johannes Eckert
Framer & Git I want to manage variations of prototypes without creating tons of folders. I am setting up git and creating a branch for every "variation". is that a good idea? Is there a better workflow? Is it safe to switch the branch while studio is open? So far it worked good and refreshed studio. When sharing the prototype, I hope Framer is ignoring git files?
7
Tatiana Frambach
Hey folks, quick question. Is there any decent way (other than screen recording) to output a Framer animation to .mp4? I need to deliver a simple animated loop that would run in the background of coded interactions on iOS. If not possible, what other tools do you recommend for that? I need different output formats for different screen sizes.
1
Daniel Beere
Hi folks, as per the video attached I want to make the black square sticky when it reaches the top, and then return to it’s original position as the page scrolls down. This prototype: https://framer.cloud/zlHex works if you scroll slowly! It’s pretty hacky, so just wondering if somebody has a neater solution. Thanks very much in advance!
2
Sanghyuk Jung
By the way, is Framer gonna change its language from Coffeescript to ES6? According to last poll, ES6 was overwhelmingly preferred.
2
René Schiebelhut
Hello Guys, I am new to Framer so sorry if my questions are low, but I cannot find a tutorial that helps. I made in app-design within Sketch on iPhone 7 Plus size with multiple artboards. When I import the document into Framer on a iPhone 7 Plus device, it only fills like 10% of the screen. When i try to make it bigger, it only affects the objects that are directly on the artboard, not the grouped objects within. for layer, index in sketch.Message.children doesn´t fix anything either. Question 1: Why is it displayed so "small" anyways, when i watch Sketch Import Videos on Youtube it is Screensize right away. Question 2: How does my Code affect children too? Thanks in advance.
4

Monthly archives

2017

2016

2015

2014

2013