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

What is Framer? Join the Community
Return to index

November 2017

November 01

Joseph Reni
am I correct in noticing that backgroundBrightness is not supported by Layer.states?
1
Adam Mazurick
How do I add Montserrat black to this project? I followed the documentation but the prototype is not rendering the font correctly. I pass in the second argument which is a number of 900 that corresponds to the Black weight and no luck. Can someone please show me where I'm erring?
3
Jacob Ruiz
Hi Framer friends, has support for Handoff been removed in Framer Design (v104)? I can't find any way to export animation code. When I right click an animation in Code I just see basic options (Fold, Cut, Copy, Paste) I'm looking to provide an engineer with animation code they can use in a React Native project. Thanks!
2
Melvin Eudell Hogan
Keep getting a typeerror when attempting to use a module
7
Work Mike
Hey Can anyone tell me why the headerContainer layer is not recognised - I'm assuming its a scope thing in the page component that's created. Destroying the layer when its created works of course...
0
Tarun Chakravorty
Is there a way to get the x,y position of a layer in absolute terms? i.e. x,y position with respect to the screen instead of the parent layer? I swear I've seen this in the docs before and am completely blanking on the syntax..
1

November 03

Niels van Hoorn
Hey there! It’s been an exciting day for the design world. Today we’re excited to introduce something we know you’ve been waiting for—Framer Export. Now you can share your work and export your designs at any point in the design cycle. Whether you’re exporting early mockups or polished final assets for clients, Framer Export caters to all your sharing needs. Plus, you can even copy accurate CSS values for pasting into your favorite editor or sharing with developers for a smooth handoff. Get ready to share more than just high-fidelity prototypes with Framer — http://bit.ly/2yv9Wuq
9
Justin Fraga
To create a Netflix style content grid, would you recommend horizontally draggable groups within a vertical scroll component, or horizontal scroll components within a vertical scroll component? (Or something else?) The key is to lock the horizontal scroll/drag of content rows once initiated so that you can't also scroll vertically at the same time, which creates the "google map" panning effect.
1
Dean Hudson
I want to make the background for each button map to a specific color on tap. What am I doing wrong here?
2
Jiung Kang
I just wanna use this one into another event line but I can't do it - Color.random() Returns a Color instance with a random color value set. - I wanna change color randomly when I tap something ... I'm crying😥
2
Adam Mazurick
Dear Framer colleagues. I’m doing some research for a Project in AR using Framer and a HMD. I just published an article on the broader research I used to start this current experiment. You may find it here, moreover, you may find it to be an informative discussion on Augmented Reality generally. All interfaces in this project have been made with Framer or at-least concepted and validated using Framer for early stage opportunity identification. https://medium.com/@adammazurick/the-use-of-mobile-augmented-reality-to-improve-team-collaboration-individual-efficiency-and-the-3278a619d63b This is the biggest challenge I’ve faced thus far using Framer. My goal by next Monday is to do the following WITHOUT USING UNITY. 1. Take the contents of a browser view and render them in a StereoScopic image format. https://i.ytimg.com/vi/Eq3MyjDS1co/maxresdefault.jpg 2. I need to be able to adjust the space in-between the rendered views to calibrate something known as Interpupillary Distance. https://www.wikihow.com/images/thumb/5/52/Measure-Your-Interpupillary-Distance-Step-3-Version-2.jpg/aid1865966-v4-728px-Measure-Your-Interpupillary-Distance-Step-3-Version-2.jpg 3. After 1 and 2 are done, I need to then take the duplicated stereoscopic web view and flip it horizontally and then vertically. This may require some later stage explanation. Of course the image needs to contain the web view of a framer prototype. Again, I would prefer to NOT use a system like http://uniwebview.onevcat.com
0
Samwoo E
Minor form validation, but single-letter last names exist! :)
8
Jurre Houtkamp
Hey everyone! Today we launched a new page on Framer.com dedicated to designing for the web in Framer. Get up to speed with some great resources and a web design freebie that you can download on the page! Check out the dribbble shot https://dribbble.com/shots/3915613-Framer-Web-Design-Template Or go directly to the page https://framer.com/platforms/web/
7
Tom Columbus
So I have a layer in Framer with an HTML property. In the HTML I have a link. I want that link to trigger a function in Framer when it is clicked. Does anyone know how to do this?
3
Alex Miralles Inf
Hello everyone! I'm new to framer, I've been using it for a week now and I'm having some troubles animating the colors of a layer. https://framer.cloud/KAlRt In this project I'm trying to animate some text and layers to go from blue to grey and the other way around, but I'm getting some purple in the middle of the transition. Is there a way to go straight from one color to the other? Thanks! :)
1
Krijn Rijshouwer
Hey all! Just shared this fun lifestyle blog design that was made for our recent Framer export release. What’s really cool about it is that it uses almost no code. It smartly leverages Framer design’s layout tools to make the design scalable by default. Take a look to learn more about layout settings — https://dribbble.com/shots/3912289-Lifestyle-Blog
4
Raghunath Rajaram
Hey guys, I'm new to Framer and would like to know what the best approach would be to create an animation like this. I've worked with after effects for years so it's a bit tricky getting used to animating without a timeline. What I've tried so far is chaining states where the 1st state is scale up, 2nd is rotate right, 3rd is rotate left, then return to default. This works ok, but since I'm waiting for one state to end before starting the next, it doesn't feel fluid. It's almost like there's a pause at the end of each one. How would I overcome this? I'm wondering if there's a way to trigger the next state at a defined time after the previous state has been triggered, instead of waiting for it to end? e.g. animate to StateA then 0.4secs later initiate animation to StateB. I was able to achieve this with multiple, Utils.delay functions but I'm wondering if it's the most efficient way to do this.
3
Tim Kjær Lange
Wrote a Medium post about how we use Framer + Firebase to create realistic prototypes at Grab.
1
Márcio Ribeiro
Hey guys, I'm getting this error when testing a prototype with Desktop Chrome when mouse over/mouse out/ on click an element: "Uncaught TypeError: Failed to execute 'multiply' on 'DOMMatrixReadyOnly': The is2D member is set to true but the input matrix is 3d matrix". It works fine on Desktop Safari and Framer Preview. Any clue on how to solve it?
0
Javier Eduardo Treviño
Is There a viable way to do responsive web or app design in framer?.. Having a iPhone sketch art board and framer studio doing the interactivity works like magic but what about responsive scenarios. Any tips or thoughts ,article recommendations?
2
Arturo Goicochea
Hey...any idea how to detect a click outside of a layer...without creating an "overlay" or otherwise invisible layer? As in: if a click happens anywhere but on this layer do this
2
Afnizar Nur Ghifari
Hi guys, Is it possible to dynamically set the PageComponent width/height based on the page content? It's like fit width/height with the content.
2
Kiko Herrschaft
Hey guys! I made a module that automates the creation of simple Framer interactions without having to code. You just go to Sketch or Figma, rename some layers and that's it. I have a video tutorial showing how it works (it's in portuguese, but I wrote english captions as well): https://www.youtube.com/watch?v=vsJWrtepaVg The full documentation is on Github and you're welcome to contribute! 😁 https://github.com/kikobr/ProtoSparker
4
Alexandre Lordelo
Hey guys, Is it possible to create a production website using framer?
14
Lukas Guschlbauer
Hey Frameristas! I was actually working on a camera-button module, so that everyone can experiment around with it, but as you‘ve probably read in the news, this interaction was declined by Apple. I‘m not sure if it was just the way Astropad was using it or the interaction in general, but now the question is: Should I still put work into the module and release it or just let it go? It‘s for you to decide! 🙄
3
Chris Wang
Hey guys, just noticed two new events for draggable layer, onDragDidMove and onDragWillMove, but can't find them in the docs. Can anyone help explain what those are?
0
Jason Valalik
Is there a way to get the purple outline to not appear in the web view of Framer projects?
1
Farrukh Karimov
Hi guys! Is there a way to call on the numerical keyboard specifically for input fields such as phone numbers or ZIP codes? I'm using the InputField module by https://github.com/matthijsotterloo/FramerInput Thanks!
2
Brad Wrage
Possible to tie multiple layer/groups to a states declaration?
2
Ban Nguyen
Been working on ux/ui patterns for filtering data Coded this prototype in Framer Usability Test in LookBack Wireframe in Sketch
0
Dan Freeman
Using one of the examples framer gave us, I am trying to create a horizontal scrollComponent inside a flowComponent. When it is the first screen it works fine but if I add a click event to it as an overlay or event just as the nextPage, the scrolling effect stops working. Any suggestions?
1

November 04

Michelle Chu
Hello! I'm vetting this tool for offsite user testing, and am weeding through documentation. Can anyone quickly tell me if Framer has the following capabilities? - sharable desktop links that can be previewed without comments, having to login to Framer, or having a Framer account - desktop links can be previewed on Mac or PC - Mobile prototypes can be previewed on device without logging into Framer or installing the Framer App Appreciate your help in advance—I know Framer pushed out a lot of features lately. Thanks!
2
Fritz Frizzante
Hey! Why does the Edit Icon next to the code to get into the Properties Panel not show up on all layers/objects? In my case in an event, only on one (first) out of four animations. cheers
0
Jonas Treub
I created two new Framer modules to make it easier to work with location data: - https://github.com/jonastreub/LocationManager The LocationManager helps you find out where the user is located on this planet, and find out distance and heading to other locations. - https://github.com/jonastreub/DeviceOrientationManager The DeviceOrientationManager gives you access to the orientation of the device. Both modules come with basic examples in the readme. I would like to challange you to come up with fun prototypes using these modules as building blocks. You could for example create a guessing game and let the user point where he thinks certain countries or cities are located. Or maybe even a multiplayer game which takes the location of multiple users into account. Can't wait to see what you come up with!
1
Niels Flindt Koelmeyer
Hi all. I'm trying to duplicate a layer made Design mode using a for-loop, but I'm not sure how to make the loop run. Anyone got any ideas? Thanks
2
Bhaskar Ravi
I'm sure it's been asked, but when can we look forward to iPhone X being integrated into Framer? Hope to see this very very soon!
0

November 05

Slava Volkov
Hey there! Is there any way to make like this? How to display top menu when I scroll up?
4
Joseph Reni
Am I missing something? it seems I can't read any style attributes off a textLayer created in the design tab. Some like textLayer.fontSize work, but most others don't. I found all the styles live here : textLayer.styledTextOptions.blocks[0].inlineStyles[0].css
0
Oleg Frolov
Hi there! Just a part of my experiments with ui controls for fun. It's kind of a fractal ui.
0
Dimitri Faust
[ Hekp ] Hello, I'm really beginner on Framer. To import my files from Sketch I understood. But to display the artboard that I want, I encounter difficulties. For example, I have two artboards in my sketch file. I can not do a classic flow = new FlowComponent and then do a simple "showNext". How to display the artboard that I want? How to use the technique of "flow = new FlowComponent flow.showNext (Welcome) "
3
Marc Krenn
Hey Frameristos, Finally had some time to fix, clean up and wrap my solution for Black Ray's problem (https://www.facebook.com/groups/framerjs/permalink/752983684828705/) into a module: "Utils.randomND(from,to,deviation,mean,amplitude)" returns a "Normally Distributed" random number - think Bell-Curve - where some numbers are more likely to be returned than others. Please see and play around with the provided randomNDExample. Live Demo: http://share.framerjs.com/735sihwa9db4/ Github: https://github.com/marckrenn/framer-randomND Probs to Chris Camargo, Jordan Robert Dobson and stackoverflow’s user5084.
4
Marc Krenn
The #ease - module adds a Utils.ease function, which allows for non-linear modulation / #easing of values. Example / module: https://framer.cloud/tmLXp/ Github repo: https://github.com/marckrenn/framer-ease "Ease" replaces my previous attempt at easings – some of you may remember – which was utterly broken. This should work as intended. Available Easings: #linear, #sine, #quad, #circ, #quart, #quint, #expo, #back, #bounce, #elastic
2
Alvaro Lourenço
- Is it still possible to hide the cursor on v104?
1
Luke Warda
Toggle Buttons from Design Mode I'm trying to create a controllers that toggle between two states. Each state has to be able to trigger different action. This play / pause toggle. I have about 10 of such controllers that I dropped in the design mode in my view so I was wondering if there is a module i can use?
1

November 06

Steve Ruiz
Any new solutions for using the device's camera? CameraLayer works on Chrome and claims support for iOS11, but no luck on Framer's iOS app.
2
Paul Wan
framerjs once giving me a headache because it shows the white screen on the customer's old Android phones(4.0+), especially in the webview in one app. Now, My colleague found the problem, dealing with the issue terms of time (note I mean framer.js build). I hope @Koen Bok can fix it in the Framer Studio inside. And I hope framerjs not only for prototyping, more hope that it can be used in a production environment. Finally, very grateful to framer designer team bring such a wonderful tool!
2
Stan Tan
Hi guys, have some questions on how to use input module: 1) Trying to prototype out the input field behaviour to be able to limit the typing at the maxLength set (current set: 14) 2) As you can see there's a SAVE button below, how do i make it stick to the top of the keyboard? (eg. btn_save.parent = keyboard ??) Link: https://framer.cloud/nrOtV Thanks in advance!
2
Odan RacKu
Hi all, When previewing my Framer prototype on mobile the fonts change from SF Pro Display to another font. How can this issue be fixed?
0
Argiris Bendilas
Hi everyone. Is there a way to bring up an actual working mobile keyboard (e.g. iOS) in a prototype and use it to type into a textfield? Any solutions already available? Thanks!
3
Marcelo Scharlau Coelho
Hi everyone! Has anyone have ever used GPS data on Framer? I want to create a prototype that works with the speed of the vehicle, and I've seen that there are several Speedometer applications that use GPS for approximative readings.
1
Tony Jing
Framer occupied over 45 gb of memory, going up form 22 to 45 in a matter 30 seconds. My computer eventually froze and restarted. This was the second time this week. Anyone have ideas about what's causing this?
1
Joseph Reni
Is there any way to make it so a text layer in a parent layer (think text on a button) keeps its center alignment if you change textLayer.text - without having to realign it again? It works if you use the design tool, but not if you create it in code. thoughts?
3
David Plakon
NY Frameristas! We're hosting the next meetup here at Code and Theory later this month. Founders Koen and Jorn will be in from The Netherlands to sit down with us to give a peek at the future of Framer, as well as answer any questions. Please RSVP at the eventbrite link if you'd like to attend: http://bit.ly/2zeyfNC https://www.facebook.com/events/1928927210690649/
1
Argiris Bendilas
Going deeper already! 🤓 Is it possible to pass animation state and options objects as method parameters, like so? showMessage = (msgLayer, animDelay, animState = null, animOptions = null) -> Utils.delay animDelay, -> msgLayer.visible = true if animState msgLayer.animate animState animOptions
0

November 07

Denis Lesak
Hey all. Am working on a dropdown animation and got everything working in terms of the dropdown itself. The area I am having trouble with is making hover and select states appear. Curious if anyone can nudge me in the right direction. -
4
Maximilian Bredow
Is there a way to change the colour of the distance tracker in Framer Studio? My prototype features a colour quite similar to the pink being used and it’s quite hard to read it. Thanks!
2
Argiris Bendilas
I've been looking at tutorials and reading on Framer for the past couple of days. My understanding is that when importing from Sketch, we basically bring in static images, which can only be animated in regards to their position/visibility, but that's about it. Unless I'm missing something, does that mean that in order to create a prototype where at least some of the elements are dynamic (e.g. a countdown timer) you need to design everything again in Framer? 🤔
7
Thomas Love
I'm trying to design a quick mock of Edge for a custom size (Surface Pro 4) When I import my layers from photoshop Framer initially seems to load at 2x scale. Only when the preview window in Framer is resized does the correct scale lock into place. Is there something wrong with my imports? Cheers!
0
Sergey Voronov
Framer London event live stream
1
Adam Mazurick
Why does the iPhoneX Option in Beta ignore the notch? I seem limited in my ability to get the prototype to behave as I would with another device...
1
Dominic Reiterer
Hi, Is there a way to animate a child layer out of it's parent? And in the best case make it a child of another parent again after the animation?
2
Chad Smith
Hey framer kids! When you push a Framer prototype to the Framer Cloud, is there a way to disable the sidebar on the left that displays the creator's user name, image and product description? I don't mind the branding, but I've had some users getting mentally "hung-up" on the sidebar during user testing Let me know and thanks!
4

November 08

Ian McClure
It would be kind of nice if this little guy was always available.
0
Stan Tan
Hi all, does anyone know if we can add an icon onto Mapbox map itself?
5
Sergey Voronov
#framerlondon stream 2
1
Odan RacKu
Hi everyone, I'm trying to make a bubble float from the bottom of the screen to the top of the screen with an on tap event. The problem is making the x position change during the animation from left to right to be similar to a water bubble. Your help would be appreciated.
0
Martin Halik
How to do something like this? add_cityName_next_stop.text = "Add <b>bold hopefully</b>" + cityName + " as Next Stop" ? Framer Design is doing it, but from code I can't figure out how.
1
Jordan Robert Dobson
SVG Line Animation Example UPDATED w/ Square & Rectangle: http://share.framerjs.com/udsc7ywtdx9l/ Using the the new slider component... here's how to draw a line on a SVG path in framer. Also, an example in how to proxy animation layer events through to your SVG path to draw the line. SQUARE ONLY: http://share.framerjs.com/izae13wmqd50/
14
Argiris Bendilas
I don’t know if this the best place to report a bug, but since it’s a very bad one, I’ll leave it here. Last night I was working in Code for several hours, and I thought that Framer was taking backups every now and then. It appears that my hard disk ran out of space at some point and when I tried to manually save the file, I got a “disk out of space” error and the editor window lost all of its contents. The related app.coffee file was emptied and I lost everything I had written in that 2 hour window.
1
Danny Keane
Hey folks, I’m trying to create a stacked list where each item has a variable height that is dictated by its contents. The issue I’m having, as you’ll see in this example, is that each row is being spaced in a very odd way. I would love some help figuring this out. Cheers!
1
Victoria Koval
Hey everyone! I’ve realized that all info which I’ve read about coffee js is mixed up in my head and I need to organize it somehow! And then I was inspired by Tony Jing and his “100 days of Framer” and I saw the opportunity to get used to Framer making my own “100 days Challenge of Framer” for myself! =) Therefore I have 1 issue which I faced on - why layer (named “switch_btn” in my code) don’t remember his default properties which I created in Design Tool such as shadowColor? If you try to tap switch you can see it has a pink shadow then dark blue but after that, it doesn't change the color of the shadow. Maybe you could give me advice how to fix it and why I have this problem.. (I don’t see my mistake, unfortunately) And if you have any other suggestions how to improve code - I will be thankful you!
5
Jorn van Dijk
Hey everyone, we’re happy to announce that Framer has teamed up with Accel in London for our Series A investment round. In Accel, we’ve found a partner who gets what Framer and this community is all about. Exciting times ahead! Thank you all for your continued support.
19
Adam Mazurick
On the iPhoneX using Framer preview how do I reveal the bottom bar to save the prototype. I have some user testing tomorrow and I need it lovally stored on the device
1
Argiris Bendilas
Is it possible to play a video with transparency inside Framer? 🎥
2
Argiris Bendilas
Suppose you have a layer with two children that you want to stay aligned to, say, bottom(10) of its parent, even if it gets resized. Do they have to be re-aligned manually when the layer changes dimensions? Thanks!
1
Xinghe Hu
I am a newbie of Framer, I am working on a timer prototype now. The 30 second count down timer works. But I meet a problem that when I want to press “+2m” button to add two minutes to my timer(still countdown), it doesn't work. I use the Dynamic Type template for my timer. This is my framer link:https://framer.cloud/NosFr Thank you for your help.
1
Bhaskar Ravi
Here's an interesting problem - has anyone tried to create a tab bar using the flow component? I'm thinking with the built in show previous / show next functions, this could cause some issues, as it could throw off the ordering of your layers. I can think of some hacky ways to do it but I'm wondering if anyone's come up with an elegant solution :)
3
Jorge Alvarez
Hi all, quick question on handling classes. I've built this simple tabbar navigation: https://framer.cloud/hHprn. Each of the three items is a class with a title, and a little indicator. When clicking each of them, they become "active" and style changes. I'm trying to have the other two items to reset to their default states, but I'm struggling to do it. It doesn't work neither inside of the class definition, or outside as a separate function (I can't access layers inside of the class) Thanks for the help! 🙏
1
Matt Bogado
I'm having issues with the resize of a ScrollComponent inside the FlowComponent. While I'm setting the ScrollComponent: size: Screen.size, when I change the device (say from iPhone 8 to iPhone 8 Plus) the ScrollComponent does not stretch to fit the width of the device. Any suggestions?
0
Ban Nguyen
Has anyone done the dropdown with multi-select module? Could you give an example? Thank you!
1
Danny White
Are the minimum requirements for Framer published anywhere? Teaching a class this weekend and need to specify the minimum macOS version. Cheers!
0

November 09

Tim Kjær Lange
Struggling to use a custom font with a TextLayer. The path to the font seems to be fine, I can find the font in Web Inspector > Resources, but I get 'Tried to load unavailable font' in the Console. Any ideas on what could be wrong? Prototype here: https://framer.cloud/OqKFC
2
Joseph Reni
Does anyone know if there is a way to use the "Change Events" to track a change to a custom attribute? for example if I extend layer and add "isEnabled". is there way to use "Chang events" to see if I change the value from false to true?
1
Ban Nguyen
Hi Framers, Have you tried to integrate this into your project?
1
Joseph Reni
Feature Request: It would be nice if you could run scripts in the design side of things to help you organize / design. for example if I wanted to duplicate an Item 25 times and space it out 4 pixels between each - a short script would make that easy. It would be just a one time run, you could maybe save frequently used scripts and run them using "this". this is not the same as coding tab cause it would be for design tab and would only run once.
0
Joseph Brick
Extending the Layer class? Assume that I want an object that consists of an outer layer which is the parent of multiple other layers. I want this object to respond to events (click, resize) as well as store values, so making it a class seems like a good idea. My class currently looks roughly like this: class myObject constructor: ()-> @image=new Layer @title=new TextLayer @outerLayer=new Layer @[email protected] @[email protected] This works fine, but when I want to - say - make an instance of this class be the child of another layer, I have to do this: o=new myObject otherLayer.addChild(o.outerLayer) ...when I really want to say: o=new myObject otherLayer.addChild(o) Or if I want its size, I have to say o.outerLayer.size rather than o.size, etc. To make this work how I want it to work, I'm assuming I need my class to extend the Layer class, and have the instance itself assume the role of this outerLayer hack that I've put in. But Google has failed me in this regard. With those intentions in mind, what would my class above look like as a subclass of Layer? Or is there another way of achieving the same thing?
7
Benjamin Den Boer
Hiya Framer folks! ✌🏻 The wait is officially over. We just added a bunch of new devices courtesy of the design team at Facebook. From the Apple iPhone X to the Google Pixel 2 to the Microsoft Surface and more, now you can design with even more devices in Framer — http://bit.ly/2jb6TBI
3

November 10

Rohan K
I am trying to make a video player in framer that is controllable with the keyboard. I've reached a point where I have the basic video layer, basic controls and a play head that tracks the video progress. Now I want to add scrubbing controls to the playhead. I have it working on mouse drag, but i want the keyboard controls to have acceleration, such that when you tap the left / right arrow keys, the playhead jumps 1 second, but if you hold down the right key, the scrubbing rate keeps increasing every x seconds. How can I go about setting up a function like that?
1
Jordan Robert Dobson
HELLO and a huge thanks to the Framer team & Twitter Design for helping pull together a two day workshop at the Twitter San Fransisco offices. It was a great experience and I had a wonderful time. Looking forward to the next one on Friday at Google Design. ❤️
2
Ban Nguyen
Thank you Xin Zhong for some tips on how to use HighCharts in Framer. Everything works fine if I use canvas but if I switch it to mobile then some weird things happen, I cannot move the dot and the cross line left and right but if I make the window smaller just enough to fit the phone size then I can move the dot and the cross line but still acting weird(see the clip in the comment). Could you see what I am missing or doing something not right? https://framer.cloud/pDoJg Thank you!
1
Stan Tan
Hi guys, faced an issue w scroll component here, how come my scroll component code will cause distortions towards the layers inside? attached two images one is faulty, and another is the expected outcome. Summary of what i did for the component: scroll3 = ScrollComponent.wrap scroll_trip_1 scroll3.scrollHorizontal = false scroll3.contentInset = bottom: 80 and the group scroll_trip_1 is child layer of parent_1. Any idea what went wrong..? Thanks in advance
1
Argiris Bendilas
Hi people! Is lazy execution supported in Framer? I'm trying to do the following: msg1 = () => this.createMsg( name: "George" message: "Hello!" timestamp: "21:28" ) msg2 = () => this.createMsg( name: "Paul" message: "Hi there!" timestamp: "21:28" ) showMessage: (msg_id, delay=0) -> msg = this.getMessage(msg_id) Utils.delay delay, => msg.visible = true When I call showMessage() I would like the individual message to be created on demand, but it doesn't seem to work. Instead ALL messages are created at once. 🤔 Any ideas?
2
Koen Bok
We're looking for a head of support here at Framer who can help us build out our very personal support system. If you love helping designers, have experience running a community, have Framer experience and want to join a great team send me a message at [email protected] We strongly prefer full time in Amsterdam. But we'd consider remote in very special cases.
1
Jordan Robert Dobson
Impromptu SF meetup is happening tonight thanks to Shiv Kehr at Nema @ 7pm. Message me if you’d like to join us. Only have room for 10 so only a couple spots left. https://www.facebook.com/groups/framerjs/permalink/1308424959284572/
1
Maximilian Bredow
Say I want a layer with multiple states. Can I create a loop to create these states quicker? I tried but it didn't make it work, I assume it's because it treats "i" as the name of a state
1
Tes Mat
Anecdote of how Casey Neistat and Matt Hackett used a Framer prototype (“Duct tape and spit”😀 ) to pitch Beme.
1
Saurabh Kumar Suman
I want to change the speed of playing an audio file. Any help?
1
Sergi Bosch
Hello smart people, as a compare/contrast, I built the Framer team's "iOS News App" using a Sketch-to-Framer workflow. I replicated the design as a layered file in Sketch, then coded it in Framer. It was an exercise to see just how much easier or harder it is to design/develop straight in Framer, versus using my current workflow of Sketch first. Here is a link to the Sketch file.(https://sketch.cloud/s/ygnKE) Here is a link to the Framer prototype.(https://framer.cloud/eitil) Original blog post from Framer team. (https://blog.framer.com/create-an-ios-news-app-in-4-simple-steps-2b3fc3bb5780)
1
Bhaskar Ravi
Similar issue to Giles Perry regarding Mouse events in Framer. When you have a parent and child layer, it seems like mouseOut is triggered when moving from the parent to the child, which is counter intuitive considering you never leave the parent. I'm attaching an example here. You basically leave and re enter the parent every time you enter the child, which is odd behavior.
0
Naveen Rajadhyaksha
Hey y'all weird request but worth asking, would anyone wanna be my framer mentor? I am relatively new to the program and while I can build my prototypes I feel like there are better/faster ways to do so. What I am hoping to do is essentially like a code review (via facetime etc) but with framer? If anyone is interested I would be eternally grateful.
5

November 11

Dan Freeman
When using the input Module by Adria Jimenez, is there a way to have it overlay on top of the layer rather than pushing the entire thing up?
0
Stanley Yeung
Anyone know how to clear the cache of a module that you load in? For instance, if I was to load subView.coffee into a new page of my PageComponent, and then destroy it once I move back to my previous page. If I load in the page again, the data is cached instead of loading a new instance of it.
2
Eelco Lempsink
Well hello there! We’re testing a new version of our Android app and can use your help. Please join the test here: https://play.google.com/apps/testing/com.framerjs.android and give us feedback!
2
Joseph Reni
So I'm really considering switching my entire design kit over to Framer but have a couple of concerns, I'm hoping I might get feedback on. 1. coffee-script: I've been investing a lot of time and money into learning this format.That said, there has been a lot of talk about moving to ES6 which will offer a lot of advantages but inject a lot of syntax tax on rapid prototyping. I'd love to get a better idea if this change is coming for sure and what the timeline is. ES6 convolutes a lot of things that make coffee-script really simple - as a non-developer keeping that barrier as low as possible is really important. 2. Price: So my third renewal is now coming up and it seems every time the price has gone up about $20 (yearly) - It's hard to make big decisions a moving target - I'd love to better understand future costs and a possible stasis. Those are my two major concerns in making decisions about moving my entire design workflow over to framer. Anyone have any thoughts on the subjects or insights?
3
Saurabh Kumar Suman
Any resource where I can see the process of coding the prototypes? A complete walkthrough of the workflow? Would be really helpful.
2
Aditya Narayan
Hi everyone, can I set different styling to templates in a TextLayer? E.g I want to have different colors for "current" and "next" templates. CODE: layerA = new TextLayer text: "{current} {next}"
2
Phil Beckham
Hey peeps, I’m currently working on a rough news feed prototype and I’m looking for ways to make the feed appear in a reverse-chron order so that the newest appears first (much like any news feed). Right now I have it setup and working in a chronological order, but its proving to be more difficult than I expected to do the opposite. Any wizards around to help?
0
Maximilian Bredow
[Solved] When viewing my prototype on the iOS Framer Preview app, a purple border around all links shows up for a split second whenever I touch the screen anywhere. My Framer Studio (v105) does not do this. I have no idea how I activated these lines. How do I deactivate it again?
3

November 12

Giles Perry
I stumbled on some bugs for Mouse events on Text Layers. https://framer.cloud/hXMTG 1. A mouseOut event is triggered when you move from the padding to the text. I was expecting the padding and text to be considered as one element. 2. When you click the button I run some code to change the button states. After that a mouseOver event is triggered whenever the mouseMoves and you only get a mouseOut event when you move the mouse out of the button area vertically. If you move out horizontally the event isn't triggered.
4
John Lee
Hi! I'm looking for examples of object-oriented prototypes, you know those things with the funky handlebars { _ }. Please reply if you've seen these magical creatures. ;)
1
Maximilian Bredow
EDIT: Solved by Kevin. Reusable page indicator dots for foto galleries: https://framer.cloud/fNXKo How to replicate a set of layers, states and events? I want to replicate page indicators for later use. Writing the layers, states and events from scratch works fine but my prototype has two more slideshows and I feel my code repeats itself and this could be solved more efficiently. When trying to write this as a function I failed miserably. What am I doing wrong? Is a function even the correct way to approach this, or is it better to use a class in this case? Thanks!
3
Matt Asanuma
Hi guys! Does anyone know the minimum system requirements and the suggested system requirements for Framer? I'm new to framer but I want to start building a UX/UI portfolio and skillset, so I'm buying a used mac to get me started. Do you think a circa 2011 imac or mac mini would run framer well? Also, I couldn't find the specs on their site, which is why I'm reaching out here. Thanks in advance!
11
Stephen Etheredge
How can I set my draggable constraint proportions once I already zoomed in and the base layer is scaled * 2???
6
Aaron James
I'm using Benjamin's slider module to scrub through a price range. How do I keep the comma in the thousandths position? As soon as I slide, the comma is removed.
6

November 13

Clinton Jordaan
Hi guys I hope someone can help me out with this? I am using FlowComponent to navigate between screens. I am having problems swopping out the header and footer bars between screens.here is a link to my example file: https://framer.cloud/GRpRR/ on flow.showNext the header bar swops out but on flow.showPrevious it does not? I also only want the footer bar to appear on page "a" I have made its visibility false on navigating away from page "a" but this just hides the footer it does not remove it. it still reserves a space for it at the bottom of the screen on all other pages Any recommendations on what is the best way to do multi screen flows? am I better off creating a flow using the methods outlined here? https://medium.com/@akashsoti/how-to-make-a-multi-screen-prototype-in-framer-js-3b769e002019#.ibg00zw2q
1
Maximilian Bredow
EDIT: Solved. Had to change onClick to onTapEnd. Updated prototype link with my solution Click Events in PageComponent In my prototype, I have a PageComponent on which I want to be able to click, but avoid click events while dragging. I read about .isDragging but I failed to implement this. What is my mistake? Thanks! Example Prototype:
1
Ash Adamson
We're having another Framer Sessions in SF Tuesday. If you'd like to teach framer, beginner to advanced! Hit me up!
1
Danny White
Some workshop materials I've using. Prototype, curriculum, links, etc. In case it's useful for anyone:
0
Ali Groening
Is there a way to make changes (change it's height, enable mouse wheel scrolling, ect.) to the scroll component that gets attached when using a flow component? I have multiple pages that I am using the flow component to move between and I am setting the flow.scroll to have certain settings, most importantly enable mouse wheel scrolling, which works just fine on the first page, but once I navigate to the next page in the flow, mouse wheel scrolling is disabled and I cannot re-enable it. Also, I am slightly confused that there are multiple scroll components showing up in the layers section as I navigate between pages. Does that mean there are multiple scroll components?
2
Chris Wang
I'm trying to make a Press and Hold + dragging to seek video, first of all, huge shout out to Jordan's pointer module. I'm running into an issue that the pointer value jumps when cursor moves between layers like shown in attached video. (I registered the pointer to Device.screen), anyone can help point out where I messed up? Here's file, https://framer.cloud/BcCEQ Another minor issue I'm also having problem with: fastSeek() doesn't work in Chrome, throws out "not a function" error. and using currentTime doesn't really work either(super laggy). (Sorry I posted this on the Framer page earlier, I keep making that dumb mistake😅)
0
Luis Ricardo La Torre
Sunday Quick Exercise. Booking Animation. Feedback is welcomed.
1
Krijn Rijshouwer
Hey all! Here’s a quick little dynamic statusbar you can use in Framer. Simply copy and paste it to your next project and automatically support both the iPhone X and iPhone 8 devices in your designs. https://framer.cloud/WflSD/
1
Daniel Lin
Has anyone seen examples of connecting a Framer prototype to a Flask/python server/OpenCV? Or know where to start? Ideally, I'd be streaming webcam video/images to Flask for continuous video processing 😅
1

November 14

Karol Piwowarczyk
Hi! I have one question for you. How can I animate red ball on the specific path (circle in this case). For example ref ball have to close path in 10 second. Thanks for help!
4
Koen Bok
Poll: How would you feel about Framer switching to ES6 (actual JavaScript)? Background: Framer currently uses a layer on top of JavaScript called CoffeeScript, to make it less intimidating and easier for beginners. But the next version of JavaScript (ES6) fixed many of these issues, so we are considering to switch to it. There is a lot more to it then I can express in this post, but I just wanted to poll the temperature and get some feedback.
135
Antonio Krämer Fernandez
Hey guys! I have trouble using mapbox in framer … when I'm pinching the map to rotate / zoom on a mobile device (ipad pro, pixel) it has a weird offset … the map doesn't rotate around the center of the pinch. (Example: https://www.mapbox.com/help/mobile-framer/) https://framer.cloud/RFzRV I found an example of Patryk Adaś where the issue doesn't occur, but i can't find the difference. https://framer.cloud/JqqON/2 Can someone reproduce the issue and knows how to fix it?
2
Muhammad Athar
Hi community. Has someone ever experienced an offset on mapbox drag and pan while using on Framer? If someone has experience with mapbox and framer please help me.
9
Sergi Bosch
Using a loop, I've added some layers. However, I can't target those layers. Can anyone explain how I can acces layer1...3? Here's the code: names = ["Mary", "Steve", "Anne"] for i in [0...3] rows = new Layer html: names[i] y: 45 * i height: 44 name: "layer" + (i+1) ####not able to hit layer3, why?#### layer3.style = background: "blue"
5
Oleg Frolov
Hi guys! Here is a part of UI for a web text editor.
0
Boris 'Yreane' Prokhorov
[Solved] I have some problems with correct view of my prototype. On 3 different modes I have 3 different pictures. 1. On design mode everything is perfect. All fonts are correct. And a shadow of my front layer is in the place. 2. On code mode I have almost the same, but the shadow is disappearing. Why? 3. When I'm trying to use it with Framer Preview on iPad, a lot of my fonts are crushing and shadow is still gone. I'm using Google Font – Ubuntu. Anybody has the same problem? Any ideas how to fix it?
4
Javier Eduardo Treviño
Anyone using Framer in Monterrey, Mexico? or other Mexico states? I'm looking to start a group for us
4
Matt Asanuma
Hi guys. I just barely entered into this new world of Framer and I'm trying to decipher some of the basic tutorials upon first installation. (Version 105). I have a couple questions: On the Loading Example, under the "# Progress Bar" section of code where it is animating the loading bar, it has this line: "repeat: 2". I figured this meant that it would play the animation, then repeat the animation 2 more times (which is how it happens in the preview), but when I change that number to say "50" it still only plays the animation the 3 times. I wasn't sure if I had to force compile, so I changed a few other variables and those updated fine. Questions: What does this repeat do/how does it work? if it does what I assume it does why doesn't it play through the animation more in the preview? Finally, does the code always just auto-compile when it senses a change, or do I have to force compile and where would I find that?
3
Seonghoon Jeong
Is there anyone who using GSAP in Framer especially Draggable plugin? I would like to use Dial Rotation. I've used TweenMax and Timeline but this Draggable Plugin is not working at all.
2

November 15

Matt Asanuma
Another question that might seem obvious, but I can't find any answers to elsewhere: How do I expand the layers in the layer hierarchy? the only way I have found to have them expand is to click on some piece in the design preview and the layers will expand to reveal that item in the list. However, I can't figure out how to just select a layer from the list and expand it there. Any help would be greatly appreciated Also, is there a way to "frame up" the composition in the design window? say if I scroll away from the artboard and can't find it? For example in maya you can hit "F" key and it will frame everything in he world or whatever you have selected within your view. I need something like that
14
Israel Gonzales
Sup dudes, super simple question but for some reason I can't figure it out. Basically, I'm trying to associate two arrays such that each layer in one array changes the behavior in the other array. I keep getting errors when I want to reference items in the second array. Generally, I'm looking for best practices on this type of behavior as it's a pretty common pattern.
4
Johann Kasuch
Is it possible to access the iphone 7 (and later) taptic engine now or anytime soon?
1
Chris Wang
Is there still a curated list of articles for Framer somewhere on the site? can't find them under resources.
1
Benjamin Den Boer
Hi Frameristas, We’re super excited to introduce you to Framer Type! From today, you can insert, edit and animate words using the new TextLayer. Style with familiar properties. Work with Google Web Fonts, responsive type and set-up adaptive layouts with ease. Read the blog post: https://medium.com/@framerteam/design-with-type-like-never-before-4215e8858684 See Docs: https://framer.com/docs/#text.text
38
Saurabh Kumar Suman
Any script to convert the framer projects to browser ready HTML, CSS & JS files? The ones used in the "Framer Preview" perhaps. Since the project hosted on cloud doesn't always play audio files properly even though the "Framer Preview" does. I could port it to an APK using Cordova/ Phonegap to test my prototypes easily.
1
Ahmed Refaat
Hello Frameristas. Just updated to v105 from v102, entered my activation number again to activate it and it's been waiting for a response for the past 20 minutes. Anyone seeing similar issues?
4
Kenneth Spry
We are using Overpass fonts in our prototypes. Everyone on our team has installed Overpass, but it only renders properly on Mac machines. We also tried the loadWebFont utility, but that, too, only renders properly on Mac. No idea what is going on with Windows. Any suggestions?
1
Maximilian Bredow
Feature request: Download Prototypes to iOS Preview app by USB Trying to download a large prototype (>100 images) via WiFi or 4G takes several minutes and often results in “An Error Ocurred”. It seems incompatible with public Wifis and even in my home Wifi it sometimes struggle to find my opened projects
2
Odan RacKu
Hi everyone, I'm trying to make a bubble float from the bottom of the screen to the top of the screen with an on tap event. The problem is making the x position change during the animation from left to right to be similar to a water bubble. Your help would be appreciated.
2
Chris Wang
What's the best way to create modules that's based on other modules? Is there a way to "nest" modules?
1
German Bauer
If I'm building my own components, is there a way that they can emit custom events? If so does someone have a best practices example for defining and throwing custom events ?
4
Laürici Dumitru
Hi! The Android app update is really great but I really need the link input back. This worked really well with sharing the prototypes with people who are based remotely and need to test with users. Right now, I cannot have someone access a prototype unless they have with them: 1. their laptops, 2. FramerJS installed on their laptops and 3. a cable / wifi connection to put the prototype on a device. Thanks!
6

November 16

Andrew R McHugh
The new Android app is nice, but all of the sensor demos are showing up squished at the top of my screen (S8+ via USB). Am I doing something wrong?
4
Ryan Greenhalgh
This is probably a very stupid question but is there a way you can set up a variable to hold a list of animation properties and then call that list of properties later on for a specific layer? Here's an example of what I'm hoping to accomplish. https://framer.cloud/FeeuB
2
Joe Howard
I have a scroll layer and I want to enforce a scrollY of 0,50, or > 50. If the scroll end event occurs when scrollY < 50 then it's easy to just scroll to 0 or 50. If the scroll end occurs while scrollY > 50 the momentum can leave the scrollY to be anywhere within the 0-50 range. Does anyone know how to adjust the final location of scroll layer's momentum animation, other than turning off momentum and doing the animation manually?
1
Matt Asanuma
Noob Question here - this is killing me... I'm trying to play with the auto-code > properties editing panel in the code view. When I add an animation onto something that was created in framer using the rectangle or oval tool, the IDE gives me a little menu button to the left of that code snippet that I can click on to access the animation properties. However, when I add an animation onto something that was created in Framer using the icon list, I don't get that properties button to the left of the code snippet. Any thoughts on what I can do to fix this?
13
Tess Gadd
Hi all, I've been on the DL few a while - but all for a good cause, I promise! My pet project for the last few months has been to build a Material Design inspired components module. This means you will be able to quickly make material components, along with all their interactions, in just a few lines. it contains: - Color - Text Fields (with validation) - Text Areas - Text Field Dropdown - Checkboxes - Radio Buttons - Switchs - Raised Buttons - Flat Buttons - FABs - AppBars It's still a bit buggy, but hopefully, with your help we can make it better.
6
René Schiebelhut
Quick question as i cannot find a working solution on given examples: I have a long layer, which i want to be vertically scrollable. Further down the layer I have a child layer (a table for example) which needs to be horizontally scrollable (but only that layer). Could u give me an example of how this works?
4
Koen Bok
If you love the browser like we do here at Framer, you'll enjoy this course by Paul Lewis.
0
Matt Asanuma
Question: I've seen in older versions of framer that you can have a measuring tool pop up when you are moving objects. The measuring tool shows the exact pixel count from the edge of the object to all for borders of the screen. Is this still in the current build of Framer and if so, how can I turn this feature on and or use it?
0
Calvin Hoenes
Does someone know where the framer docs went?
2
Brent Caswell
Hello fellow Framer-ers, I put together this UI Kit for iOS 11 and felt that it was finally in a good place to share. Hopefully this helps you to jump start your next prototype. Let me know your thoughts as I would appreciate any and all feedback. https://brentcas.com/thoughts/2017/10/25/ios-11-design-system-for-framer
3
Will Rice
Small thing, but the formatting on code examples in the guides seems to be broken — makes it a pain to read as it's all on one line.
0
Rohan K
Hey Emil Widlund! I was looking through your gamepad module and I was wondering if there is anyway to add "keyup" / "keydown" events. I am trying to prototype an interaction that requires an action to be taken when a gamepad key is held down and stop the action when the key is released. cc: Jordan Robert Dobson (Sorry Jordan, i am just going to cc you on all posts from now on :P )
2
Arturo Goicochea
Quick JS question: Why is does the 'i' in a for loop different change it's value when used inside a click event? When I do: ################## for i in [0...1] foo = i layer.onClick -> print i print foo ################## outside the click event, both i and foo = 0 inside the event, foo = 0, i = 1 (Look at image fore reference, or open example Framer file) https://framer.cloud/seoCk
6
Callum Nowlan-Dias
I have an array of layers. partials = [notifiction, qu1, qu2, qu3] how can I give each of the layers in the array an inital state with the opactiy 0?
4
Eric Eisher
QQ: Why does the Z index seem to displace a Layer's X, Y, and Scale properties? As an example: If LayerA = x:0, y:0, z:0 and LayerB = x:0, y:0, z:100... LayerB will be larger and in a different position than Layer A.
5
Chris Keith
Is anyone else experiencing an issue with fonts rendering softly in prototypes? Specifically when the opacity is less than 1? I had done a work around where I scaled the text layer by 50% then just used double values and that helped the sharpness but then the placement of the layer gets all screwey. Is there any other magical way to keep text looking tight?
3
Justin Fraga
I would like to pull images from the images/ folder and apply them as backgrounds to layers in an array, with no preference on the order (random would be great). Is Utils.randomImage() *only* usable for Unsplash?
1
Jack Milburn
Sorry if this is a daft or obvious question - I am still in my investigative stage. Is there any tutorials/courses for Framer?
6
Hunter Thompson
Total noob here. Does anyone know what I'm doing wrong? I'm trying to switch between a default and hover state, but once the mouse out action occurs and the box returns to the "default" state, it loses the original small shadow.
2

November 17

Eli Beitzuri
Happy to see Framer Preview updated for Android, but experiencing a pretty major bug. My prototype is getting clipped, rendering it unusable. It renders just fine in Chrome on the same phone, and has no problems in Framer Studio. Anyone else having this issue?
5
Ban Nguyen
Hi everyone, I want to share a prototype I have been working on.
1
Yeats Luo
hi! I try to fix this problem. But it didn't work! My test 1. without the artboard import to framer 2.layer name "title*" , "title-" my sketch file import to framer, then my sketch layout ran away. How to fix it ?
1
Karol Piwowarczyk
Hello! I have (propably) easy question for you. I have 5 layers (in Design mode) and each of them have target - layer1, layer2, layer3, layer4, layer5. Now I want to add the same onTap event to each of them. Of course I know that I have to do this: layer1.onTap -> .... But I want to add this event at once ([layer1, layer2, layer3...].onTap -> ...) Is it possible? Thanks!
3
Maximilian Bredow
My prototype runs super smooth on my 2015 iPhone 6S and on Chrome on my 2017 MBP but very slow in Framer Studio (v106) when I click on the dots to enlarge the image. Is it my prototype or is it Framer Studio? E.g., I know I am enlarging all three pages at once while the current one would be sufficient. How can I do that?
0
Gregory Courtens
Hi, how can I prevent a new 'layer component' from being visible when changing the flow to the next page? I took the example from the official website, if you click on the button 'click here' you'll see what I mean. (the cover is still visible on the next page)
4
Adam Ziółkowski
Hej, mały update dla programistów, którzy wybierają się na Code Europe. Ed Burns, Software Stylist @Oracle, Alex Castillo, Software Engineer @Netflix, Nicolas Bevacqua, Frontend Engineer @Elastic będą prowadzić prelekcje i warsztaty wyjątkowo w jednym dniu podczas Code Europe, największej konferencji programistycznej w Polsce, już za 2,5 tyg. To dobra okazja na zdobycie wiedzy od międzynarodowych speców. Szczegóły wydarzenia i bilety na: https://goo.gl/qxpbGR"
1
Thierry Meier
Guys, what is the state value of the default state of a Layer? Example: You switch to a different state via layerA.states.switch("foobar"). Now, you want to switch back to the default state you have declared when you created the layer. layerA.states.switch("default") does not work ;p.
1
Joe Puddle
After some help/advice please. Im trying to make a toast message appear on click (red heart) display for a few seconds then transition off the screen again. I cant for the life of me work this out. I thought I could just add a delay then change the y value but it doesnt work. Would really appreciate some help. link to project: https://framer.cloud/dKYmJ cheers! Understand this is super simple for some but just trying to get my head around Framer.
3
Ricardo Gallegos
Hi Framer Community, Recently I found an old shared framer prototype and edited a few lines of code to resemble how I want a prototype to act https://framer.cloud/fFkDQ . (scrollCompNov). I’ve been trying to figure out how to embed targeted content from the design tab https://framer.cloud/RpSfM (SFSFL) into the code. I created a PageComponent Used layer.addPage() to create scrollable pages Then used .parent= to add my nav bar into the PageComponent, and layer.x = 0 to reposition to the navBar to the top of the PageComponent. Unfortunately, everything is overlapping. How do I properly reposition my content in the PageComponent?
1
Jeroen Knol
Hello everybody, i have 2 quick questions about this little piece of code. I've seen in the docs that there is something called layer.classList.add(), but this only seems to work on a layer itself, not the html tag inside of it. Is there a way for me to add a second class to the div with 'test, or is that not possible? Also, all 10 layers that I just made using this have the same name, being 'task', but is there a way to have them be called something like 'task1', 'task2' and so on? It shouldn't be a big problem that they all have the same name right now, but I was just wondering. Thanks a bunch, Jeroen
3
Callum Nowlan-Dias
I'm trying to set the state of quiz to "In". It's not working, am I taking the right approach? I would appreciate any pointers in the right direction artboards = [notifications, quiz, qu1, qu2, qu3] partials = artboards.splice(1) for layer in partials _____layer.states.Out = __________opacity: 0 _____layer.states.In = __________opacity: 1 __________animationOptions: _______________curve: "easeOut" _____layer.stateSwitch("Out") startQuizButton.onClick -> _____partials[0].animate("In")
3
Luis Ricardo La Torre
This is a flow of somebody setting or blocking part of their calendar. I still need work on the time scroll, but that's next. Feedback is always welcomed!
0
John Smith
I'm working on a iPhone prototype that uses Gotham. Is there anyway to reference the font locally? Much in the same way images are referenced. When I upload the prototype in the cloud it uses a default font. I've noticed when I changed the font to the standard SF font there are no issues.
2
Carson Monroe
I'm trying to loop through some hover states, but getting some unexpected results using [i]. What I want is: on mouseover of hoverArea1, show "hover" state of hoverState1 (and so on through 3). It seems that [i] is not carried through to the hover states. Am I missing something?
1
Wiktor Półtorak
I just thought U may like it Guys ❤️
0

November 18

Ryan Greenhalgh
Hi everyone! I have a flow component with a few overlays (sort and filter buttons) that work perfectly. But I also need scrolling functionality in my original flow. When I add a scroll component, the overlays show up behind the scroll component, when they should show up in front. I'm new to framer so I apologize in advance if this is an extremely easy solution. I would be grateful for any help. https://framer.cloud/zIBRF P.s. I've tried using Index to solve the problem, and I've also attempted to nest the scroll component in the original flow component
2
Ban Nguyen
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/
1
Roman Bitter
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.
1
Naveen Rajadhyaksha
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?
2
Jon Madison
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?
1

November 19

Abraham K Kiros
Hii everybody...I was wondering if someone could help me here...how do I fix this?
2
Bilen Mujdaba
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
1
张琨
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
0
Adrian P
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?
0
Joseph Brick
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!
1

November 20

David Herzog
Hey guys, is there an easy way to do secondary sticky headers within a flow or scroll component?
1
Sure Lee
Hi everybody... Who can help me to fix this... The main issue is that the demo works well on the mac framer app, but won`t work well on the phone or the chrome... It happened several times. In this demo. I made an effect that the scroll state changes with a slight swipe gesture. But on the phone, it doesn`t work. You can open the link below to test offline if you could help...Thx.XD.. https://framer.cloud/VPYgR/
1
Yaron Tamuz
Hi all! I'm trying to use mapbox api but all I get is this error: "missing mapbox gl js css" What am I missing?
5
Pete Schaffner
If you'd like to use Google Fonts in your prototypes, but want to avoid touching index.html, this module might be for you: https://github.com/peteschaffner/framer-googlefonts If you have any interest in using it with Typekit or another service, holler and I will make the API more extensible.
8
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?
6
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?
2
Stanislav Skrebkov
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!
0
Nathan Llewellyn
Hi all, how would I build a prototype with multiple pages similar to the one shown here where the side nav is static, the header and stepper bar are sticky, and the content cards are scrollable?
8
Raymond Uphoff
Guys, I'm wondering how I can disable animations in PageComponent completely? I've made a fiddle; https://framer.cloud/EdYwg , Or maybe have different kind of animations like fading in. As you can see snapToPreviousPage("left", false) doesn't seem to work. What I try to accomplish is a prototype with a view different pages () always the with same navigation at the top so I don't have a headache of having x times the same buttons with same event-handlers.
5

November 21

Eelco Lempsink
Thanks to your feedback, we’ve given the Framer iOS and Android apps a visual refresh, along with some new features like built-in sensor support. Connect via Wi-Fi to see your team’s projects or hook up with a USB cable for stable, private previewing. Share, collaborate, iterate, validate and test. Learn more about all the new features — https://blog.framer.com/the-best-way-to-preview-your-prototypes-on-ios-and-android-c1a24a9bd17b
4
Chris Wang
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?
2
Chris Keith
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?
2
Aalok Trivedi
Does anyone have any advice on what javascript language I should start at (from a designer's standpoint)? I would say I'm at the intermediate level of coffee script and framer, but I also want to start learning actual js, which i have very little experience in. I know I guess I should start from the very beginning but, I dunno...it seems like a slog and maybe outdated? I know there are dozens of js libraries out there. Which one is the most practical one to learn for a designer's purpose? Thanks!
2
Karol Piwowarczyk
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!
2
Yara Polana
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?
1
Noam Zomerfeld
Can you create an array with layer names to act on? I've been trying for a while with no success
1
Maximilian Bredow
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:
0
Ed Monterrubio
Has anyone tried to build a UI tree component in Framer js?
1
Erik Kennedy
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)
11
Sean Blanton
Any ideas on how to force a layer's children into a specific order? layer.children is readonly :(
2
Matthew Mang
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!
10
Olly Watson
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?
3
Steve Ruiz
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
14
Luke Warda
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.
0
Eric Parren
Any pointers to best practices to get Farmer to work with HTML5 canvas?
5

November 22

Paul Kooi
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
1
Jason Sparks
Does anyone have, or know of, a Framer prototype of an image uploading, cropping, rotating tool -- e.g. the kind that you'd use to edit your profile picture while uploading to a social media site etc. I just want to see the code because I have absolutely no idea how to begin.
0
Callum Nowlan-Dias
how can animate a state change on an array with a slight delay for each item? this is my code so far doneArray = [done5, done4, done3, done2, done1] setupQuiz = -> _____for layer, i in doneArray __________Utils.delay (0.2 * i), -> _______________layer.animate("In") Any pointers would be greatly appreciated
2
Callum Nowlan-Dias
I'm trying to create a countdown timer from 10 to 0. But Im having trouble doing this with dynamic type. Can anyone see where i'm going wrong? any help would be greatly appreciated timerValue = 10 qTimer.template = _____t: timerValue qTimer.templateFormatter = (value) -> _____Math.round(value) startCounter = -> _____qTimer.animate __________template: _______________t: 0 __________options: _______________time: 10 _______________curve: Bezier.linear startCounter()
0
Øyvind Nordbø
Is there a way of doing custom border radius parameters for each corner in Framer? And then animating the property of those corners individually? I know this is doable in CSS with [border-radius: 0 8px 0 8px], but I can't seem to get this to work in JS.. Source:
2
Cody Evol
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.
1
Adam Mazurick
Dynamic type question. Right now I'm creating all my text layers like this. Downside, it makes me leave the design-tab and work programatically. Otherwise my fonts won't embed. Is there a better way?
4
John Smith
Is there a way to loop through an array in reverse? So instead of a for loop starting at index 0 and ending at last index. Start at last index and ending at 0 index?
1
Toby McGuire
What's the best format for video to add to design tab?
1
Jules Cheung
Anyone know why clicking the 'animate' button to create that first block of code doesn't work, but typing the second block of code manually works? Whats the difference between 'animationOptions' vs animate? I thought they were the same thing...
2

November 23

Josh Peters
Unsure what to do. I'm pasting copied assets from Sketch into Framer (Design) and they are half the size they should be. I can upscale everything and they will come in the correct size, but this seems an odd workflow. Anyone got a solution or point me down the right path?
1
Adam T. Rodriguez
Hey everyone! I am a little new to coffeescript and framer, but I have a few questions that I haven't been able to figure out. Is there a way to assign a text layer multiple states where I change the text itself, and onTap cycle through the states? I have 5 states on the text layer, but anytime I tap on the button it changes the text to something completely different from what I specified. Any suggestions would be awesome!
3
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.
9
Easter Chou
hello everyone, i am wondering why my animation for the icons arent the same speed/time when i click on the grey area(overlay) as oppose to clicking on the floating action button. some help pls?
1
Manikandan Kandadai
Has anyone used Framer for prototyping AR/VR applications ? Is there a way for framer to grant access to camera and do something with it ?
3
Andy Steward
Has anyone done a Facebook Paper lookalike project I want to get started in Framer and use this as an initial project. Happy to reward.
0
Emanuele Livi
Hi guys, I've got a problem, I want to insert layers into an array and create a loop where use a hover state for each element. With my code, I'm only able to activate a hover state only on the first layer in the array. Why :(
3
Joseph Reni
is it just me or is rotationX broken, specifically when the rotating layer has a parent?
1
Tareq Ismail
Hello all! I'm having trouble using "event.point.x" and "event.point.x" for Drag and Swipe events. It works on desktop/web but trying it on mobile returns no values. Anyone else finding this? Do you think this is a bug in the new native iPhone/Android apps? Or am I just using it incorrectly? Thanks!
3

November 24

Alexandre Lordelo
About Unreal Engine UI development.... Does anyone know if its possible to develop native iOS UIs in UE4? Or at least decent UIs not limited to those UE terrible components? Sorry if the question is off topic, Admin can delete it! ; )
2
夏洛克
Hi dear all Framer: Is we too full of fantasy? Are we too naive? Or developers really poor ability? Our outsourcing developers say this requires game engine support, so there is no way to finish within the schedule. Is that true? We do not want to be kidnapped by developers, but also want to know where the limits of technology. our prototype: https://framer.cloud/haCeT Thanks.
7
Joseph Brick
I'm new to this, but I just discovered that you can set defaults for animated state changes (which will save me tedium). Also, that "default" is a state. So I though I'd share.
1
Adam Mazurick
When I work with clipping masks I usually do so programmatically, can this be done within just design tab?
1
Maximilian Bredow
How can I change fill color of SVG's in the Code Tab? In the Design Tab it's easy to do. I tried fill, backgroundColor, color & invert. Invert allows to switch from black-> white but I'd love to be able to set custom colours. Thanks for your help!
4
Andreas Wahlström
You can now edit the text of imported layers using the TextLayer module. Change the styling in Sketch and it will reflect in your prototype. Give it a try: https://github.com/awt2542/textLayer-for-Framer
13
Pedro Bits
Hey everyone, I’m creating a like button, but I’m stuck with something and I would love to have some help. I’ve created an array with the Sketch layers which children are going to have the like button behavior. In addition, I coded the like button behavior and so far everything works fine: favorites = [likes1, likes2, likes3, likes4, likes5] for favorite in favorites favorite.children[1].states = fade: opacity: 0 scale: 0.1 options: curve: Spring(280,13,10) time: 1 favorited: opacity: 1 scale: 1 options: curve: Spring(280,13,10) time: 1 favorite.children[1].stateSwitch("fade") favorite.onTap -> @.children[1].stateCycle "fade", "favorited" The main problem is that likes1, likes2, likes3 layers are the same button on 3 different screens. So when one of them is favorited the other 2 should have the same behavior. I’m having some problems with this. Which is the best way to connect the behavior of the 3 layers? Thanks
3

November 25

Dominic Winkler
Quick question, I am trying to get the actual location of the phone (iPhone). I tried using "navigator.geolocation.getCurrentPosition(success, fail);" but it always just throws an error. Any ideas? Any other ways to do it?
1
常星宇
Hi guys, is there any way to download the example from this website?
1
Mike Feldstein
I am thankful for the framer community for being super inclusive and helping me build my professional and creative identity a little bit clearer, and also just being full of really great people. Happy thanksgiving!
6
Niels Flindt Koelmeyer
Hi everyone. I'm trying to push data from one array and put it into another based on a click event. I've generated a list of users using the random user API. When the user clicks one of the list items, I want data from the clicked list item to appear as a pill in the top bar. But I'm not sure how to do it. Any advice? Check gif or link for reference. Thanks! https://framer.cloud/VsFkJ
2
Georgemaine Lourens
Hi there! I just shared this beginner tutorial that walks you through creating an iOS news app with 3 screens and a cool Like animation. Check it out!
1
Chris Slowik
My Framer app keeps going into trial mode and making me re-activate. It's happened more than a handful of times. Anyone else experience this?
2
Agustin Burset
Hi everyone! I've been struggling to get this idea to work. The idea is to have a draggable menu (with tabs) with a scrollable view inside it that behaves kind of like the now playing view in the music app. Used this awesome prototype https://framer.cloud/ywmRL/ (huge thanks Tes Mat!) as reference but is not quite what i was looking for. Tried using a scrollComp inside a draggable layer but the handling of switching between when the drag hides the menu and scrolls the content is proving tricky (besides handling the menus shadow, and other seemingly easy to do things). Has anyone done anything similar to follow along? Extra mega ultra huge thanks! 😁
2

November 26

Charlie Sneath
I'm trying animate the opacity of 3 objects that are hidden in my Sketch file. I have set their visibility = true, and am trying to animate opacity to 1. There are three layers I would like to animate in sequence: layers.result0 layers.result1 layers.result2 I am setting the current layer name programmatically, but the layers are not animating correctly. It works if I have the layer unhidden in Sketch when loading the file. Any ideas? Thanks! showResults = (i) -> if i < 3 result = layers['result' + i] result.animate properties: opacity: 1 time: .3 Utils.delay .05, -> showResults(i + 1)
5
Groingrugroin N'Golo
Hi guys ! Is there a way to use the motion sensor to change let's say the color of a rect. For exemple when you don't move it's blue and when you walk it become green ? Thanks guys !
1
Thiago Butignon Claramunt
I can't make the upload to the cloud again!
0
Steve Ruiz
Just put out my first big update to Gotcha 👌! ✅ Animations — select an animating layer and detailed info on its current animations, with to's and from's for each animating property ✅ Change Devices — you can now change devices from within Gotcha; the prototype will even reload, so that all of your layers will be set to the new device's width and height ✅ Images — get a layer's image, for easy to copying and saving ✅ More Properties — the specs panel now shows all of a layer's properties - even some secret ones! ✅ Smarter Panel — complete rebuild of the spec panel, with new families of properties set in accordion lists, sections that won't show up unless one of its properties has been set, and smart scrolling ✅ Bug Fixes Aplenty — The first release was made with enthusiasm, but this one's a lot more stable, efficient and robust 🔥 Check out the demo: https://framer.cloud/OPNdS 🔥 Download out the repo: https://github.com/steveruizok/gotcha 🔥 HMU: @steveruizok
0
Utsav Shah
Hello, I am trying to recreate the iOS lockscreen swipe interaction. I am using PageComponent. However, I can't figure out how do I move the time and date to the right when the page move event occurs and then bring it back to the center when swiped back again. Can somebody help with how to do this? Here's what I have until now.
1

November 27

Rohan K
I am getting a "Reference Error: Can't Find variable: TextLayer" when I am trying to create a new text layer inside a class constructor function. Which is weird because when i create a video layer, it's got no problems. Is this a bug?
2
Yaron Tamuz
Hi all, I need to export a small micro animation I created in framer to a gif format or a png sequence. The background should be transparent. Is there a way to do it with Framer or should I switch to a different animation program? Thanks..
5
Murathan Biliktü
Hello newbie here! And I have a problem. :) I want "time counter" to work(music duration: 4:13) when I click on play button and progress bar(width: 335) as well. Thanks!
1
Wendy Lim
I was excited to get my hands on the Framer responsive web template recently, but was surprised that it didn't come with all the workings to automatically switch in canvas or device between designs. With some tweaking in design tab and massive help from this article. https://uxtools.co/blog/how-to-use-framer-for-responsive-web-design Here's where I'm up to. https://framer.cloud/HClgr Feedback very welcome on improvements I could make to the code and also 1 specific Q - why is overdrag still happening, even though I think i have it turned off via: flow.content.draggable.overdrag = false
1
Nir Benita
Hey guys, contemplating with Framer. I'm trying to loop through an array of animation objects, and `.start()` them to reveal a panel, or '.reverse()' them to hide the panel. runAnim = (animObj, isVisible) -> if isVisible animObj.start() else animObj.reverse() btn.on Events.Click, -> panel.visible = !(panel.visible) debugger runAnim animObj, panel.visible for animObj in animations Start works fine, however, the reverse does not. I'm manipulating the `y` and `opacity` properties. Thanks!
3
Andrés Mauricio Osorio Vinasco
Hi guys, I'm totally new at Framer and I'm trying to achieve an slider animation that reaches 25.000 and then go back to 0. But when I got to that screen the value is already 0. I think everything is happening before I reach that screen. Any ideas on how to solve this?
6
Ed Krówki
Trying to recreate the iOS Podcast / Apple Music interaction. https://framer.cloud/Fnwmn/
0
Pavel Laptev
Hello, guys! I wrote an article about AR, VR and Framer and how we can mix them up 😉
1
Joe Martins
Hi everyone :) I'm very new to Framer, so.. sorry if this is too rookie.. How do I create a 3 color gradient on Framer Design? How to underline a text on Framer Design?
1
Chris Slowik
Anyone have a better solution to things not quite centering within parents that have borders? Known bug? Easy to fix by offsetting the center by the border width, but it would be nice for it to just work.
2
Maximilian Bredow
How to return information synced with Firebase for later use? I have a prototype synced with Firebase. It loads profile information into an array of objects. When I try to access this information outside of firebase.get, Framer Studio can't find my array. I read that CoffeeScript always implicitly returns stuff, but this seems like an exception. Any way how to solve this issue? So far I have worked around by adding firebase.get several times to the prototype but I'd like to work cleaner https://framer.cloud/WzZkh
3
Maximilian Bredow
I had wondered if more complex gradients (multiple stops, radial, repeating patterns) are possible than the linear 2-stop-gradient in Design Tab (v106). Answer: Yes, they are, by adding CSS: linear-gradient, radial-gradient & repeating-linear-gradient. Also: one doesn't even need to know CSS, the gradients can be generated with this editor and then pasted into the Code Tab: http://www.colorzilla.com/gradient-editor/ Hope my example prototype can help anybody with similar questions regarding gradients https://framer.cloud/pNitF
0
Erin McLean
Hi All, Has anyone had any success running framer files on the Kindle Fire (I'm working with an original version 1)? What methods work best?
0
Yaron Tamuz
so what is the easiest way to add vectors into framer?
5
Andy Fuchs
I just noticed, I can't use Framer for Mac OFFLINE anymore! How can I fix this? (this is important for me!)
1

November 28

JiHoon Lee
is there anyone who used Hotjar in Framer cloud? Now recording user events is working but creating heapmat is not wokring. What should I do? this is my project. https://framer.cloud/CfaGL/ Thank you in advance.
1
Keith Lang
🙏 Realtime warning for using `if thing = blah` pattern instead of 'if thing is blah'. Often no error generated by Framer, and the resulting chaos is often perplexing.
5
Yaron Tamuz
Lets say you designed prototype in Framer, which service will you use to test it on real users with real devices?
1
Daniel Caine
Hey everyone, I'm trying to import moment and chart.js using npm and after requiring it in my Framer document I get the following error: TypeError: Color.isColor is not a function. (In 'Color.isColor(this._backgroundColor)', 'Color.isColor' is undefined) Anyone had this problem before? Link to prototype: https://framer.cloud/ckdaU/
1
Yaron Tamuz
Hi again, so I'm trying to create a layer that have 2 states that one of them is continuously animating, but I can't figure out how to move back to the animating state after the click event. Any tips?
5
Matthew Mang
Hey Framer folks! Are you all planning to fix the Framer Preview app on iPhone X? The white at the top shows up even when I set the device to iPhone X in Studio. It also throws vertical alignment off towards the bottom :(
2
Ashanya Indralingam
Hey everyone, we just launched a fantastic Black Friday promotion for new customers and we’d love your help in getting the word out. Just share the promotion on Twitter (and hey, you could even win yourself a brand new iPhone X) — http://bit.ly/2B6IXTZ
2
Silvia Bormüller
Hey Frameristas, there will be a huge meetup tomorrow at Microsoft in Munich. Join us! :)
0
Chris Wang
I'm watching FramerCasts (Thanks Mike!) and had trouble understanding the difference between Object and Instance. (shown in photo) Can someone help me understand two related questions: 1. Why does "Key:Value" to define a function works for Object but not Instance? 2. What's the difference between "Key:Value" vs ".function ="?
4
Brent Riddell
I need to do something when a user dismisses an overlay inside of a flow component e.g reset some values on the overlay ... so how would I do that? Is there an event I can listen for or something else? Thanks!
3

November 29

Michael Weisert
Hi All - need some quick guidance. I'm trying to bring in multiple Sketch artboards and use a pagecomponent to move between them. Can anyone tell my why I get an error on this? Is this the wrong approach if I'm trying to simulate a desktop app?
2
Ali Groening
Hello All, I'm trying to use the "desktop-safari-1440-900" device type but when I view it from the cloud, the drop shadow isn't showing, instead it's all black (see screenshot, I cannot show the whole page as it's is sensitive information but you can get the gist of what it looks like when I view it in the browser through the cloud). Is this a bug or is something going wrong within my code?
0
Karina Kozinsky
Hi framer ppl, I am trying to create an array on every page of page component. I am writing this while creating pages in the loop: deals"#{i}" = [], expecting framer to create deals0, deals1.., but it throws an error - unexpected string. What's wrong?
6
Jerry Lin
Hi, I want to make this animation, but I have no idea how to start. Does anyone can give me some hint? I know how to move green ball, Q: 1.but how to make the triangle mask like this? 2.the triangle must "open" not just move into window.(angle 30 -> 90) Thanks for any suggestion!
1
Raghunath Rajaram
I'm creating a website prototype. How do I setup framer so that it displays the content full width in my browser and scales if I reduce the width of my browser window? Right now it displays small in the center of the browser window.
7
Alex Venus
Question i have a text layer i did with framer design, i set its color value too grey (in hex) and then as a state i change it too blue in framer code. However when i play the animation the color does not go directly from grey to blue but fades over red. I have not defined red anywhere – please see the video and watch the "200". Any idea why this is happening? I unfortunately can't share the framer link due to confidential stuff … but i attached some more screenshots.
2
Simon Ekdahl
Is it possible to change properties of a child layer in a parents state? I have a button as a parent layer and a child layer consisting of a coloured underline within the button0. when the button.states.active, I can change properties of the button, but don't seem to be able to change the color of the child (the underline) within the button? 🧐
3
Michael Weisert
Hi Everyone - I'm looking for some guidance on creating a desktop app in Framer. Should pages in a desktop app be setup as a FlowComponent, Page Component, or ScrollComponent? On a broader scale, does anyone have a good example of desktop app they could share that I could reference?
3
Trev Thomas
Hi all, I am building a tabbed navigation that uses the Flow component and pages referenced from the design view. Each Tab contains scrolling content but for some reason I am unable to detect when each of the pages is scrolling using .onScroll There is also an annoying black background behind the 2nd and 3rd pages that might be due to the way I have applied the Flow Component. I’m not sure if I have structured this properly and would appreciate any help or guidance.
1
Felix Lorsignol
I was really excited when Framer announced USB tethering for iOS preview, but i'm having significant issues with this. Plugging in my iPad or Phone causes device to disconnect and reconnect every second. I've double checked the cables and devices on other computers and this computer and it's definitely a bug related to Framer. Is there a fix/work-around?
3
Ben Lerchin
Hi, looking for anyone who has experience installing Framer in a multi-user lab setting. I will be teaching an interaction design class at a university where students are using personal accounts on shared computers (I think the accounts are LDAP/Active Directory). IT for the school has been in touch with Framer staff but they have not been able to clarify whether the activation scheme supports this kind of install. It seems with the single user setup, each student would have to activate the software on each new computer they use, which is a no-go. Unclear whether the Enterprise license supports an alternative to this. Anyone who has experience, would be great to have your advice, thanks!!
1
Joseph Reni
Hey frameristas, so I had a crazy idea and hacked it out. I'm no developer and this is more of concept art then anything else. Anyway, check it out. It uses a string to create a visual timeline. Then it triggers/chains functions based on that timeline. https://framer.cloud/EHONY anyway, i'd love to hear what you think.obviously there are huge improvements that could be made, but this is sort of a v.00001
2
Michael Weisert
Hi All - I'm trying to prototype an interaction using an external library (Packery). I've added the js to the index.html and reloaded Framer. It seems like my best approach from here is to add a data attribute to a layer to define it as a packery grid. Is there a way I can add 'data-packery='{ "itemSelector": ".grid-item", "gutter": 10 }' to a layer... OR, am I just crazy wrong. I'm guessing Framer is outputting layers as divs?
2

November 30

Oleg Melnychuk
Has anyone encountered an issue where a parent layer in Design mode does not update its dimensions to reflect the dimensions of its nested layers? Ungrouping and grouping the layers again fixes it, but it's very annoying.
2
Aalok Trivedi
Anybody having issues with 'deviceorientation' not working on Android? It works on my iPhone 6 but not on my galaxy s6
0
Joseph Reni
Feature request: There may be a way to do this but I can't figure it out. I'd love to be able to update the preview pane when I'm in the design view. right now I have to click code and click back if I want to see how a design change looks if it's being modified by code.
2
Josh Warner
SOLVED: See Oleksii's comment and example below. --- Hey guys! Loving Framer so far, though I'm pretty illiterate with with coffeescript so making things has been slow-going. Right now I'm mostly doing prototyping for websites, and one of the things I really want to do is have images fade in once the user scrolls down to a certain point. I've googled for a long time, but none of the results seemed to help (or I'm too much of a noob to understand them). Is there a tutorial that explains this? Or an example that shows how to do this? Thanks! Here's a link to the project I'm working on:
1
Thidanun Saensuksopa
I'm trying to create a map-like interface where user can zoom in and pan. I put my image in a ScrollComponent and when I changed the image's scale to say 3 (using animate), the image got cut off and I could only see the region inside the viewport. Anyone knows how to fix this?
3
Mārtiņš Zemlickis
Hey everyone, I got a problem with Framer Mirror on Android. It just does not work. Tried using cable and wifi and still nothing. Im wondering if somebody else got such problem? iOS app works okey, but I would love to test my Android prototypes on Android. :) Have a cool day everyone! Sidenote: Im using LG G6.
0
Groingrugroin N'Golo
Guys i'm having issues importing from Sketch to Framer this is what i get either from importer or with code. Do you have some ideas ?
3
Joon Won Lee
tried to make parallax :) https://framer.cloud/pLoMe
5
Stan Tan
Greetings from Malaysia :) Would there be someone available to assist on code review for Framer Projects? Another problem im facing is that in design tab moving the layers has becoming very very laggy and slow, would like to find out how to optimise it. Not sure if it's about the codes or not. Any help or suggestions would do
1
Jonas Treub
I’m super excited to introduce the VRComponent to you today! I’ve been intrigued by VR in the past couple of months and started experimenting with it inside Framer. Those experiments led to the release of VRComponent today and I’m stoked to see what you’ll design with it. More info on the blog: http://blog.framerjs.com/posts/design-virtual-reality.html Starter template: http://share.framerjs.com/04xirgfmtlw6/
30
Luis Ricardo La Torre
Does anyone know if Input Module has a borderRadius property?
0
Cordell Orel
Hello ! Do you know if there is a way to move clip mask without moving is content inside ? I think I'm gonna use a png with a round like a mask but it is pretty...sad doing this way. Can you help me ? Thanks 😘
0
Alex Maxim
Hi guys. I am learning to code in Framer and I follow an example, imported from Sketch, made at 2x. Is there any way to set my preview screen in Framer at 2x? Or a custom canvas size? Thanks! :)
1
Ryan Greenhalgh
hi everyone, is there is a way to simply select which direction the flow.showNext animates in from without having to write a new custom transition from scratch? (I know you can choose the direction with overlays, but can you choose the direction with complete page transitions?) Right now its always animating in from the right, and I'd like to have it animate in from the left.
3
Ryan Greenhalgh
Hi FrameDawgs, is there a way I can achieve this search bar effect where where you have to scroll down to see the search input in view, but if you pull down more only the rest of the content will drag down. And when you scroll back up it hides the bar out of view again. https://framer.cloud/qlnNF
2
Coleman Tharp
Has anyone tried using https://github.com/benjamindenboer/FramerInput with api.ai?
1
Daniel Rakh
Has anyone had any experience integrating some sort of playback / heat map tool like FullStory or HotJar for user testing? I've been trying to integrate them into my prototype but they don't seem to work correctly.
0

Monthly archives

2018

2017

2016

2015

2014

2013