This is a read-only archive of the
What is Framer?
Join the Community
Toggle Class Hey, i'm looking for a toggle class (or some guidance in writing one) that would allow me initiate multiple instances of toggles with varied number of states. For example toggle 1 has two states "play" & "pause" and toggle 2 has three states "forward" "fast forward" "super fast forward" etc. I would also be able to pass icons from design mode for each state. Anyone tried something like this before. Here is my initial draft.
Hi. I have an item that's visibility in a given state is set to false. I have a button that I want the user to be able to click which would toggle the first items state and make it visible. The invisible object is located over the the button. The problem is that it seems that while visibility is set to false. Framer is still "giving" the click event to the invisible object located over the top of the button? I have tried telling it to ignore click events. But I'm still not able to click the button and get it to trigger it's event? Any help would be really appreciated
Am I crazy or does Framer.Device.contentScale = 0.5 not work anymore? Should I just use Screen.width and Screen.height for full screen images that I import and 1x for everything else? Importing 1x causes blurry images on the retina preview.
I created a quick tab based prototype for the new iPhone X. Even though it works just fine I feel could have solved the stateSwitches more elegantly. Any tips? Anyhow, feel free to use:
Anyone know how to loop through arrays in a way that compares the current array item [i] with the next item in the array [i+1]? Currently when I try to use e.g. 'array[i+1].opacity' in a loop I get 'Error: undefined is not an object'. Even when I create variable outside the loop (e.g. 'next = array[i+1]') I get the same. This is pretty straightforward in plain js... Am I missing something?
Hi everyone, I am having difficulties clipping with framer. In the tutorials and in the documentation it says "Clip" is on the Properties panel, but it is not there for me or am I doing something wrong?
Hello! I have a problem with simple animation (scale & time) effect. I want to scale circle after clicked on "start" and stop the animation after clicked on "stop". Until then, everything is OK. When I clicked AGAIN on "start", my animation accelerates. This is not two seconds, only more. What is going on? Thanks for help!
Luis Ricardo La Torre
Hey Guys! I feel pretty comfortable with my CoffeeScript / React programming skills and I feel ready to take the leap to Swift. Any Swift courses recommendations for designers? My happiest place to code is Framer so take that into consideration.
Any pointers to best practices to get Farmer to work with HTML5 canvas?
I'm learning how to write modules. Can someone help me understand why instance name can't be the same as class Name? And why the error is "targetLayer" is not a constructor?
Has anyone tried to build a UI tree component in Framer js?
so I'm like 90% sure there's a better way to do this. I've made classes for things before and i've used for loops but i cant wrap my brain around how to more cleanly code this interaction. right now it works 100% how i want it to but I don't want to have to write out such verbose code to get it done. Any tips on how to clean this up?
Any ideas on how to force a layer's children into a specific order? layer.children is readonly :(
Trying to re-create this animation in Framer as an exercise, and running across a bunch of issues: 1. Is there a "natural" way in Framer to animate the heart's size as a Spring curve, but from and to the SAME size? My workaround was simply to chain two animations together (a heartGrow and a heartShrinkSpring) 2. For animating the lines that shoot out from the heart, is there a simple way to do this? I'd love to be able to control both endpoints with separate animations. Instead, I think I will have to chain 3 animations – one to move the x value, one to grow the width, and one to shrink it again? 3. How on earth do I rotate 7 copies of the line such that the same animation just works for them? I'd love to not have to specify 8 (or 16 or 24) animations separately here... Thanks! https://dribbble.com/shots/2469787-Favorite-Animation (EDIT: Sergey shows answer to all three in demo below)
Introducing Gotcha 👌 – press a key and turn your Framer prototype into a full-featured development spec. ✅️ See the demo: https://framer.cloud/OPNdS ✅️ Read the article: goo.gl/giDc1G ✅️ Watch the video: https://goo.gl/eNaEnL
Hey lovely folks who work at Framer! Would it be possible to change the top of the iOS Framer Preview app to black instead of white when viewing old prototypes on a fancy new iPhone X? The white really sticks out in both dark and light background prototypes. Thanks in advance!
Hello. Could someone explain me how to detect coordinates of touchEvent on mobile device. There are a lot of options described in this group but all of them looks like obsolete and don't work in the last version on framer. For example this one doesn't work for me. It works perfectly in Framer preview (desktop) but on real device I gets wrong coordinates. https://www.facebook.com/groups/framerjs/permalink/721917614601979/ Please show me an example that will add point to the layer based on tap coordinates and will work on mobile devices. bgMap.on Events.TouchEnd, (event) -> point = new Layer width: 5 height: 5 midX: event.pageX / event.offsetX midY: event.pageY / event.offsetX Thanks in advance!
Nicola Felasquez Felaco
Hi everyone! I'm trying to find a simple way to change a text layer value using query interface module, and get something like: https://framer.cloud/VTjL?userName=Steve Can someone help me with this?
Hey guys, is there an easy way to do secondary sticky headers within a flow or scroll component?
Claud Yiqun Huang
Hello guys...I am doing scrolling-parallax with my prototype using the code in examples... psd20.s20.on Events.TouchStart, (event) -> lastYPosition = event.x psd20.s20.on Events.TouchMove, (event) -> yDelta = lastYPosition - event.x like this.. It works great on computer but can not work in Iphone (ip6)..How could I fix it?
Hi! I want to create a number of a panel states dynamically depending on the length of a separate array. Once created, I want to access these states (through stateSwitch) by index rather than by name. I'm asking because the docs show states being created and accessed via hard-coded state names. Any help would be appreciated!
Anyone know why my modal is opening when I tap the centre of my first screen when the second modal has been closed and the modal is only supposed to be opened when the footer is tapped?
http://share.framerjs.com/izcljifopyk7/ Hello everybody, today i created a new prototype, and copy all the code from this example to my prototype, but it does not work, anyone can tell me why? thanks a lot
Hi guys. I need your help with a carousel built with PageComponent. In the example attached to the link below, I am struggling to attach dynamically created layers to individual slider components. So in my example, I want to attach the red square to the first slide, the green one to the middle one, and the blue one to the last one. I have created an onChange function starting with line 90 it returns '1' no matter what slide is active. Thanks in advance! https://framer.cloud/NxnrR
Hi. Guessing there's a good explanation of why this happens. hilarious because the screenshot shows them both the same size. That's not happening in the browser. EDIT: iPhone 8 is the screen. on Canvas, everything is equal, parent, or no. Is this expected behavior and why?
Hi all. I've been playing with the great new form module by Benjamin. Is there any way to disable an input field in code? I want to create an input that accepts a value from a different input but is not editable itself. I tried _input.style = "pointer-events":"none" Doesn't seem to work. Any ideas? Thank you.
Could you please help? I trying to use .isMoving and .isDragging. It works when I exported to Cloud but it DOES NOT work on Framer Studio. Thanks! https://framer.cloud/tIkwG/
Hey could someone help me with an if statement? if Agent_Card.stateCycle is "closed" layer.stateCycle is "off" Trying to get a hover state to work only if the “agent card” state is closed otherwise I would like the hover state to be invisible. Thoughts?
I just thought U may like it Guys ❤️