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
Sona Solbrook
Has anyone been able to create dynamic header using the flow component? for instance, for a landing page the header is header_landing but for an interior page, it changes to header_interior. any thoughts?
1
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
Andrew Cunliffe
Does anyone know how to remove the scrollComponent that comes with the flowComponent?
3

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
Dexter Wang
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
Gregory J. Orton
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
Nick Bewley
Follow up to my last question here: https://www.facebook.com/groups/framerjs/permalink/1039302626196808/ I'm trying to check the duration of a tap event and perform an operation if the tapped button is held for longer than [x] seconds: "event.offsetTime" gives me the duration of an event from TapStart to TapEnd, but now I cannot figure out how to check the duration of the event INSIDE the tap event. Using Utils.delay inside the tap event doesn't work as this is called during the initial event. Thanks for any and all help. This one is stumping me. http://share.framerjs.com/3mgw618ukoqc/
0
Dave Crow
Has anyone used Chart.js with Framer?
2
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
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
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:[email protected]/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:
3
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
Dexter Wang
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
Xin Xin
Hey guys! I'm using sprites for some animation work based on Jordan Robert Dobson's excellent sprites module. However, it doesn't seem to be working with the most recent version of Framer. Here's the link: https://framer.cloud/kQfCa/ I took screenshots of the framer file and the js errors on console. You can see that it's as stripped down as it gets. Anybody have an idea of how to fix? Thanks!!!
8
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
Ed Chao
Made apple tv interactions with framer. It's a bit brute force, but still fun to play with :)
1
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
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
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
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?
0
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
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!
2
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 = [email protected] 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
Marty Laurita
Hey Framers! We have another meetup coming up this week, come on down for some beer and prototyping!
0
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
6
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
Michael Pyrkh
Hi everyone! Why does the preview window keep showing me the spinner and nothing else?
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
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?
0

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")
3

Monthly archives

2017

2016

2015

2014

2013