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

What is Framer? Join the Community
Return to index

August 2017

August 01

Matthew Mang
Hey Frameristas, I've set up an item template in design view with the appropriate constraints that resize content correctly when I resize the artboard in design view. The problem is when I copy the template via code (i.e. itemTemplate.copy() ) and try to animate the copy to a new width, the elements inside don't resize according to the constraints :( Anyone know how to get this working as expected?
2
Jinwook James Ro
Question regarding animated GIFs. It looks like animated GIFs works fine from the preview screen in computer, however doesn't animated at all in Android Framer app. Any way to resolve this?
2
Jon Madison
Anyone else experience latest Framer being slow to pick up on refreshes? Sometimes it'll add new elements to the page upon typing changes, for the simplest of prototypes. The hierarchy is reflected properly, it's just that the actual prototype display screen isn't being refreshed. i switch between design and code and it keeps throwing layers on top (as evidenced by the opacity strengthening each time i flip back and forth) https://framer.cloud/diEon T.T
1
Brian Byle
Really need help with this one. When I try to host my framer Proto type, I upload all the files. When I point to the index.HTML file generated by framer, I keep getting the error "cannot load app.coffee". Anyone else have this issue? Just trying to find a way to host my prototype and share a link. Thx in advance!
0
Stan Tan
[SOLVED] Hi guys, may i know why sometimes this happens..? As in the layers are all being forced into the device screen as scroll component
1
Rasagy Sharma
Some of us are catching up for a Framer meetup in Bangalore, India! Do drop by if you are around, or share with anyone who might be interested! cc Supreeth
0
John Lee
If i scale a square (100x100) with borderRadius 16, to scaleY: 1.8 and scaleX 1.2, the borderRadius gets screwed. Any help trying to keep my beautiful corners equal?
2
Luis Ricardo La Torre
Follow my epic adventure story how I tried and obviously failed to prototype an app in one night. More videos to come.
1
Rohan K
[SOLVED] Pardon my ignorance, but i just only realized that just because a parent layer's opacity = 0 does not mean its child layer's opacity is also 0. This is a major problem for me because I based an entire module on the opposite assumption. Can someone help shed some light on how can I set layer's children's opacity = 0 when the layer opacity is set to 0?
5
Rohan K
[SOLVED] Sorry I am back with yet another question. Just trying to understand the FlowComponent, specifically the transition function. The Docs suggest that layerA.onClick ->flow.transition(layerB, scaleTransition) should transition from layerA to layerB using the custom scaleTransition. But, what if my the event is not on LayerA but on another layer. Can I pass layer A (in addition to layer B) as an argument to the transition function? Or will it only just use the layer from which the event originated?
4
Giovanni Caruso
Hi! I'd like to improve this interaction so that – i.e. – tapping on the layer "two", both "two" and "one" switch status accordingly. Anyone willing to help? :D -
1
周雪宝
could you explain the flow and the paging difference, i always misunderstood
2
Jay Gray
Hi all, I'm in the process of creating my first Framer prototype and wanted to know the best way to approach creating an accordion. I've tested designs using stateCycle but when one item opens/expands the rest need to adjust position. Any suggestions/ideas?
1
Miguel Solorio
This feels like a silly question, but how do you import a specific Artboard from Figma? I still don't understand the logic of which artboard it chooses to import when you've got several artboards.
1
Andrew Cunliffe
If anyone is looking to animate SVGs in Framer I wrote a post that should get you started.
0
Lukas Guschlbauer
Heyo! How can I dynamically add a state via a function? I'm currently hacking on a "Symbols"-Module and now need a way to append new states. There used to be "@.states.add" but it's deprecated. I tried to "push()" to @.states, but this doesn't work either... This works: @.states = "#{stateName}": backgroundColor: target.backgroundColor .... - but of course this overrides the previously created states everytime I call the function... I'd need something like: @.states.add = "#{stateName}": backgroundColor: target.backgroundColor ....
6
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
Raymond Uphoff
Hi guys, I'm wondering if somebody already tried Microsoft's Framer-toolkit?! It looks very promising. they've developed a shitload of Modules https://github.com/Microsoft/windows-framer-toolkit/blob/master/documentation.md https://github.com/Microsoft/windows-framer-toolkit. I'm trying to get it running but stumble upon errors for unknown Module. Yep and I import them in App.coffee
13
Daniel Remes
Hi :) I wonder how I can make a modal with flow.showOverlayBottom() to have a delay before entering the screen :) Anyone? Thanks!
3
Josh Krauth-Harding
Could somebody help me out with code that brings multiple elements to the mouse's location on click? I currently have a set up to measure where the mouse is on the artboard but I'm having trouble bringing elements to the mouse.
1
Tiffany Kosa
This doesn't work. Does anyone know how I can wrap the states in a function so that it can be applied globally?
2
Francois W Brahic
I'm having an issue with the Text Layer - for some reason even though I have it sent to Align.center it's aligning to the left. Any thoughts? Code snippet below. clampCountdown = new TextLayer text: "{counter}" textAlign: Align.center fontSize: 80 fontStyle: "bold" color: "white" parent: clamp x: Align.center y: Align.center(95) opacity: 0 clampCountdown.template = 15
2
Stephen Boak
I want to create text input fields in my prototype. I'm working on an autocomplete prototype that needs to respond to text input. I've seen a few modules for this online but they all seem out-of-date. Anyone have an effective solution in place
1

August 02

Mike Feldstein
What is the proper way to get animation frame updates? I'm writing a view using threejs, and need to update it on every frame. Adding a requestAnimationFrame loop behaves incorrectly in studio since it live reloads, but raf-loops from previous iterations are still running. Is there a util for this, or a way for Layers to know when they've been destroyed and to clean up this type of global thing?
2
Delphia Pijpler
Is facebook really the preferred location to ask framerJS coding questions? I would suggest stackoverflow over FB, personally, but is this where the main community is that can answer questions?
3
Emme Clark
Downloaded Framer Preview on my iPhone 6. Both my mac and iPhone are connected to the same wi-fi, but I don't see any projects listed in the project tab. What might be wrong?
3
Davo Galavotti
Here is a demo of a gradient generator that uses Utils.randomColor() and a progressive rotation. The grid is based on the incredible prototype of Steve Ruiz.
0
Luis Ricardo La Torre
Maybe someone can answer this directly, or maybe a link to a tutorial or different prototype. I want to have an image masked and then open up in the next frame. Do I create 2 art boards or do I just animate one?
3
Desmond Wong
Does anyone know how to do an infinite looping carousel in Framer? Like the ones from Lory.js or slick?
1
Joost van der Ree
is there an easy way (preferably in Design) to make layers automatically adapt based on size or position of other layers? see example in video: here the body's position and the container's size responds to the title's height, so when I'm testing it on different screen sizes or languages it doesn't break.
2
Eldar Burnashev
Hey, all! Is there an easy way to do this kind of count down? My idea was to create text layers from 9 to 0, place them below the 0:10 and animate each one with 1 sec delay but I'm struggling with the code pattern here, should it be a for-loop or something else?
4
Daniel Evans
New to Framer, I understand you can use the animation with Velocity.js, is there any tutorials out there on how to do this?
0
Eldar Burnashev
[SOLVED] Hey! Missing something with scaling. Want to make a simple scale up - scale down button animation. But after scaling up to 1.1 it never goes back to 1.0. I guess it's because after scaling to 1.1, that size becomes the new "1.0", so any thoughts on how to do that?
6
Karol Piwowarczyk
Hey, Probably this is not group for this question but I know that most of you use Framer in daily work and propably app to organization of work. So, what do you use to create task, to-do's etc? Thanks for your recommendation.
0
Emil Widlund
I'm very proud to announce Framer Joystick. This module will enable you to create amazing Gamepad-driven prototypes.
6

August 03

Delphia Pijpler
How can I share my framer application with my client on their mobile device?
9
Delphia Pijpler
I would like to trigger a function after a delay. In Javascript I usually use setTimeout(). How can I do this in framerJS?
1
Delphia Pijpler
Is there a way to remove an element from the project? I'd like a specific event to trigger the removal of a layer
1
Lachezar Petkov Petkov
Hi, Is there a way to integrate Framer Design and for loops? If I make an element in Design (say, a single item for a list), can I duplicate/repeat it using a loop in Code? Thanks!
9
Luis Escobar
Hi everyone! Has anyone been able to pull off a looping/infinite carousel? I've been playing around with this one and I can't seem to figure out.
4
Lukas Guschlbauer
Heyo! 👷‍♂️ In the last 2 days I hacked together a "Symbol"-module! * Create components in Design-Mode and convert to symbols in Code-Mode * Design different states for components This is very experimental and super-alpha, but I'd love your feedback and of course contributions! 🤙 [Example] https://framer.cloud/OEfot/ [Github] https://github.com/der-lukas/framer-Symbols
4
John Kowalski
Hey all 🤘 Was planning on starting up a 30 day framer UI challenge, but this resource - http://www.dailyframer.com/ - doesnt seem to be sending me any emails haha. If anyones familiar with this site, do you know if it's still active? if not are there any good equivalents?
6
Sergey Voronov
quick test of Android adaptive icons in Framer https://framer.cloud/Edklm/ more on this topic https://medium.com/google-design/designing-adaptive-icons-515af294c783
0
Krijn Rijshouwer
Hey everyone! I just shared a fun prototype that was made for the Dynamic Type release on Dribbble. It shows you how easy it is to insert real data from an API into the dynamic text layers. Take a look! — https://dribbble.com/shots/3699572-Dynamic-Type-Running-Dashboard
1
Delphia Pijpler
Is there a way to end/terminate an interval? Right now I have this: layerA.onMouseDown -> # if finger is in middle 100 pixels of screen's Y Utils.interval .5, -> ChangePrice(1) but I'd like to end the interval on mouseUp
0
Delphia Pijpler
Is there a way to end/terminate an interval? Right now I have this: layerA.onMouseDown -> # if finger is in middle 100 pixels of screen's Y Utils.interval .5, -> ChangePrice(1) but I'd like to end the interval on mouseUp
0
Delphia Pijpler
Is there a way to end/terminate an interval? Right now I have this: layerA.onMouseDown -> # if finger is in middle 100 pixels of screen's Y Utils.interval .5, -> ChangePrice(1) but I'd like to end the interval on mouseUp
0
Adam Mazurick
It would be really useful if Framer had this functionality.
2
Delphia Pijpler
What is the framerJS method to know if a finger is being held down anywhere on the screen? Like a scroll event, but just for the finger touching the screen.
8
Jon Madison
dear Framer, if there's a way you could NOT show (or have an option to hide) off-canvas artboards/layers in the hierarchy that'd be...powerful. k thx
1
Dylan Rose
Hi all, is it possible to insert an image via html (so that I can use 'auto' for the image width) and then scale the layer's width (red box) to match the width of the image? For this example I have a set height but I want to be able to pass in different images and scale the layer to match the width of each image.
2
Alexander Bennett
Is there a way to get a key/value pair list of all the properties of a layer? trying to create a new class that extends Layer and then imports the properties from a layer created in the design tab
4

August 04

Xin Zhong
Great! taking a long trip @Framer
0
Peter Müller
Hello Frameristas, today I stumbled upon some weird behaviour on Android Chrome. The Screen.height seems to be ignoring the Android software buttons, placing content behind them. Is this a known issue or is there some workaround? Best, Peter
1
Masoud Ardestani
Hey guys I'm just getting into Framer...loving it so far. Was wondering if you guys can link me a couple tutorials that helped you a long the way. Would greatly appreciate it!
5
Jack Chen
【BUG Report】Flow, Swipe, showPrevious Doesn't work right.
0
Eldar Burnashev
[SOLVED] Hey all! I have a layer created in Designer tab and a layer created in Code tab. Why does placeBehind function doesn't work in this case? Reference: https://framer.cloud/awLQZ
1
Luis Ricardo La Torre
My new mission in life is to teach kids about product design on the tube, or phone, or wherever kids watch content nowadays. This is the trailer for my epic story on how I sorta finished an app prototype in two nights. PS. I just quit my job, so If you know of any part time gigs that will help me finance this new goal in life, until of course I'm the king of YouTube, and I'm rich and famous. 😂 😜JK
2
Jurre Houtkamp
Hey everyone! Yesterday we released Fiber, our very first interactive UI Kit. To get you up to speed we've included a bunch of ready made interactions. Here's the on boarding flow containing a FlowComponent with a neat animation on every new page! Get Fiber: https://framer.com/fiber/ On dribble: https://dribbble.com/shots/3711651-Fiber-UI-Kit-Onboarding
0
Thomas Offinga
I'm trying to figure out a way to get the index of a layer inside an array, but I'm not sure what the proper syntax is. buttons = [] for i in [0..4] button = new Layer buttons.push(button) button.onClick -> print button.i print buttons Is there any way to figure out what the position if of the button within the array?
4
Peter Targary
How do I install this tool? The own framer, I did not find the installer or anything like that (do not laugh, I'm a layman haha)
3
Andrew Nalband
Jordan Robert Dobson, am I doing something wrong, or is there something broken here with autocorrect?
3
Adam T. Rodriguez
I just downloaded your Fiber UI kit and I have a question...How did you guys add icons to the drawer at the bottom left? I cant see to figure out how...
1

August 05

Andreas Koutsoukos
Can Design mode item loop in code? So let´s say that I have one box item draw in the design tab and like to loop it by code not by draw it 10 times. Can I?
3
Alex Clayton
I have a button that has two different events each in a separate function. On click it does cycles through icons 1,2,3 and on long press it switches to cycle through icons 4,5,6 (another long press then switches back to cycle through 1,2,3). After running the long press and releasing the mouse, it still fires the on click event, thus pushing the lit icon up to the next one. How can I get it to ignore the on click after a long press?
4
Eshaan Kaul
Guys, can you suggested some new Framer tutorials? All the ones that i found are for the older versions. Any new ones out there?
3
임승수
Hi everyone. I've got a question! Well, the image below shows the effects of the mouse over the box and the object, but is there any way to tie it up at once? Well, for example, when you mouse over a box, the box becomes smaller and the object in the inside is moved to x or y.Can you tell me how to tie it up? Please.😅
2

August 06

Delphia Pijpler
Why are my text blurbs getting reformatted when I switch from 'design mode' (left) to 'code mode' (right)? See attached image
6
Lukas Guschlbauer
Hello Frameristas! Here's another demo for my Symbols-module! Hope to get more feedback and would love your contribution on Github! [Prototype] https://framer.cloud/ZNUgv/ [Github] https://github.com/der-lukas/framer-Symbols
2
Bhaskar Ravi
Can we discuss best practices for more complex, modern view transitions? I'd be interested to know how others are handling this. We are entering a new trend of depth / perception where we almost have no sense of the "pages" found in our previous navigation paradigm. Instead everything is connected on a single floating canvas, with more complex animations really taking center stage. I have a feeling the best way to handle this is with custom flow transitions and states, but I'd love to know how you all tackle this while still keeping some sense of organization / structure to your apps!
2

August 07

Luis Escobar
Hi all! I'm using Benjamin Den Boer input example as a framework for my own input class. Does anyone know how to trigger the proper input type keyboards (numeric, email, etc)? To be clear, I am not using an input module. I tried looking at Adria Jimenez module code for reference, but It's completely over my head. Still a noob. 😁
1
Giovanni Caruso
I'm playing with the new Dynamic Type & weather proto. Do you have any idea how to use apixu "condition:text" without getting the error "Unxpected : "?
1
Ted Pearlman
Looking for someone with serious Framer chops to help me and my team iterate on the app we're building for my projects: http://tedpearlman.com. And the team's pretty great: Strategy: Denis Hauptly http://amzn.to/2hqG9vL Dev: Ben and Simon Smiley of http://chatsdk.co Illustration: http://kevinrechin.com UI Consulting: http://pintoresearch.com Art Direction, Character Animation: http://hannahchurn.com Copywriting: http://suzannemozes.com If this sounds interesting, and you have time in your calendar for another client, I'd love to talk to you! Cheers! You can reach me at [email protected]
3
Radek Kyselý
MODULES WANTED! Dear creators of modules for Framer, I've been baking something useful for the community and need your modules now to be part of it. Please PM me your module's GitHub link or something, I'll tell you more :) Thanks
3
Nik Udovitskiy
Hey guys, I'm struggling with Benjamin Den Boer's "List Sorting" demo in the Framer's gallery. My problem is that the code throws an "undefined is not an object" for the layer variable when the getIndexByFrame(layer.frame) line is called (iPhone 6+ in the preview). https://share.framerjs.com/xkfv4958ql47 Note: this code works fine if you open the project, but if you open a fresh Framer file and copy/paste the code, it breaks. Please help me out if you can. Thank you!
2
Alexandre Lordelo
Is anyone here also using Xcode/Swift for prototyping? I started a few first tests, and would like to hear some opinions...
9

August 08

Paul Kooi
Is there a way to load a bunch of images stored in the image folder of a projects directory into a prototype? If so... is there a way to load them randomly? Thanks in advance
2
Lachezar Petkov Petkov
Hi guys, I’m trying to create a list of items for my prototype: https://framer.cloud/dZOZs/ but I got stuck at figuring out how to implement the list behaviour. I have list of items with checkboxes. Each checkbox is a child of an invisible container (for large tap area). Each container is a child of it’s list item. I want to be able to tap on a container -> activate checkbox -> change the background of the list entry -> tap on it again -> deactivate checkbox. All checkboxes, list items, containers are themselves pushed in their own arrays arrays so I can access them. I implemented the behaviour for a single list item, but I struggle to figure out how to implement it for all items in the array. Any suggestions? Thanks!
0
Alexandre Lordelo
Hey guys, is anyone using Processing together with Framer? is it possible?
3
Mauro Rego
Really newbie question. I am trying to make a text layer change when you click in a button. You select option 1 - text change to 5€. You select option 2 - text change to 15€ Anyone can give me a light there?
2
Chris McDonnell
(Sound on for the video) Hey Framerers! The Tesla Model 3's UI creates a lot of exciting new possibilities for interaction design. I haven't yet seen a video of how each interaction works, but seeing the volume bit of Andrew Goodlad's (https://twitter.com/Ichorus) mockups made me think that interaction could be improved. When Autopilot is on, I imagine you can't use the steering wheel's pair of scroll wheels to adjust volume, since the wheel is in motion. You may not want to use voice if a gesture is quicker, you're having a conversation, trying to hear the audio, or trying to be precise with the volume level. Most of all, you want to be able to do this without taking your attention off the road. What if you could reach over and make a quick rotation gesture (as if you're spinning a dial with 2+ fingers) anywhere on the screen? This prototype simulates that. See attached video (sound on), or try it yourself! 🚘 Prototype: https://framer.cloud/YOXSP/ 🚘 Note: Haven't tried this on an iPad or other touch device yet. Video is a recording of interacting with it in Chrome desktop browser, holding down the option key to create 2 touch points. 🚘 I must confess the "anywhere one the screen" part is smoke and mirrors, to build the prototype faster I defined 3 points where you can make this interaction. But if you know how to make the dial follow your touch...I would love to learn how to do that! 🚘 Would love your feedback and critique 🚘 Does anyone have a dribble invite? 🚘 Add me on linked in (https://www.linkedin.com/in/christophermcd/)
7
Luis Escobar
Hi all! Just starting to get into classes and I have a question...Is there any way to create a card with a class and have the height equal to the sum of it's parts? Say I had a full screen width box that is 120px tall by default. Within the class, I'd add padding layers above and below it 20px tall each. I'd like to be able to set those padding layers as options so that I can set them to true or false (at the item level) and the card's height would adjust. So at the item level (card1 = new card), if I set paddingTop to true and paddingBottom to false and then checked the height of card1, it would say 140. Make sense?
4

August 09

Brian Byle
A little outside the realm of Framer here. When I use Sketch their templates are created with a font named SFUI. When I download the San Francisco font from Apple it is name "San Francisco" not "SFUI". Therefore I keep getting missing font notices and Sketch iOS page templates do not display correctly. Are SFUI and San Francisco 2 different fonts? Sketch + Framer = 😊 so I want to solve this. Thanks
2
Mårten Björk
(New module) Hi everyone! I wrote a small module that makes it super easy to position multiple elements in different ways. It works a bit like the “distribute” buttons in most design apps. Happy coding!
4
Jon Arnold
Hey guys, I want to prototype a website with a phone that shows different screens and descriptions in relation to the scroll position (not dragging). I have the feeling that Framer is not the best tool to do this. It should also be tested from different people remotely. What tool would you use for that? Thank you!
3
Shangqing Yuan
Hey guys, I got this very wired thing when using "FlowComponent". 1. Import sketch file at 2x, and scale it down at 0.5. Everything looks just great in retina. 2. But when I try to use FlowComponent to make transition between different layers, it turns out only 1/4 of the layer can be displayed. Do you guys know how to fix this? Thanks. Here is my code snippet: # Import file "Test" (sizes and positions are scaled 1:2) sketch = Framer.Importer.load("imported/[email protected]") Framer.Device.contentScale = 0.5 # Create FlowComponent flow = new FlowComponent flow.showNext(sketch.LayerA) sketch.LayerA.onClick -> flow.showOverlayBottom(sketch.LayerB) sketch.LayerB.onClick -> flow.showPrevious()
1
Yitong Zhang
Hey all! I created a prorotype under an old trial license. Since I bought a full license on a different email, I've been unable to upload the project to cloud. Anybody encountered this before?
2
Angelina DiFrancesco
Hey guys! I'm trying to use framer for web prototyping and am importing my files as multiple artboards from sketch. No matter how I name or order the artboards in sketch, the artboards import as one long horizontal layer in framer and they are completely out of order. This could be some sort of user error on my end, but because of this, I can't get any of my animations/events to work, nor can I even see the layers I am trying to target. I guess I'm wondering what I might be doing wrong and what is the best practice to working with/importing multiple artboards in framer? Framer mentions very little about this and most/all of it is geared towards mobile prototypes. Hope this makes some sort of sense! Thanks!
1
Regi Ellis
Is there a way to change payment options with framer? i.e. Paypal to Credit Card
1
Filipe Soares
Hi everyone, i'm working in a form prototype and need multiple text inputs. Is there a way to implement these inputs with a working keyboard? I saw the Ajimix module, but lacks a natural keyboard on device test.
2
Luis Escobar
Hi all! Anyone have a good list example where you can add/remove list items and the other list items below shift up/down? Thanks!
0
Anders Kavcic
Hey everyone, my preview in the Mac app is set to Nexus 5x (360x640). In previous versions the preview for Nexus 5x was 1080x1920. Can I somehow change the preview pixel size to 1080x1920? As it is now CSS styles like font-size and padding don't match in the Framer Mac app preview and the Framer Android app. Help appreciated, thanks.
0

August 10

Gael Odilon Paccard
Hello, I'm trying to prototype a two-pane image selector. Ideally it would allow for each image to be added only once. For now it returns a boolean and prints to the console. So far I made a loop to go through the array of selected layers but my function only return positive for the first layer in the array. I must be doing something wrong but I cannot put my finger on it. Any help would be very appreciated. 🙃
0
Mircea Gui
Hey guys. I might have stumbled into a bug, I'm curious if this is a known issue. If I have listen events on children of parents with listen events they don't work properly anymore. Please check the example below. Do you have any workarounds?
0
Gabriel Liberman
Hi there - anyone knows how to create a tool tip in framer? Thanks!
3
Marie Schweiz
Hello Framer Artists, today I'd like to invite female framer artists to join us at #[email protected] I've been watching this community on a regular basis and the majority of active members are men. Recently at a meetup with a 100% female speaker panel we had a lot of female designers joining us. They did liked to talk, engage and exchange. Other communities learned its a good idea to have an environment which feels safe for woman to expose themselfes. Later on they just integrate on their own. I thought starting a slack channel for females only is a good idea. Design is a discipline with a huge percentage of female designers and I would like to offer them a little space in order to engage and meet other successful Frameritas. Worstcase nobody needs it and nobody needs to take care of it (Not that bad eh?). Best case, we can collect a few talents on the way and make them feel welcome and safe. For some of them its the first time they play with code. Cheers & maybe see you soon, Framerita Marie invite only via https://framer-slack-signup.herokuapp.com channel link https://framer.slack.com/messages/C6KFCLJLW/details/
13
Eldar Burnashev
[SOLVED] I have a function with looped animation. Is there a way to stop function on event?
2
Ryan French
Hey guys. Was wondering if someone could point me in the right direction. I am trying to make a very similar animation to the gif attached as seen on the apple site. I want to achieve the open tray animation with the fixed close button scrolling down with you. Anyone attempted something similar?! Much appreciated.
0
Eldar Burnashev
[SOLVED] Hey! Having trouble with using "i" and variable names. Got error: "Reference error: Can't find variable: layer"
3
Anton Phil
hey everyone, do you know how to use arrays in animations? I want to use one animation for different layers but don't know how the animation code should look like.. here's an example: only the last square is turning black. https://framer.cloud/lWMJw Thank you! :)
1
Andrew Nalband
I usually use hsla() for my color values, but I was digging around today and came across a list of all the color names you can use, and thought this might be useful/interesting. I never knew there were so many possible names! Some of these are pretty impossible to guess and even kind of hilarious. Have a look. You can scroll up and down to see them all. There are 148 different options for named colors: PapayaWhip FTW!
1
Jorge Borges
Looking to hire a Framer prototyper. Hot medical device company in New England looking to hire a full-time mobile prototyper. Needs to have strong Framer experience. Message me if you are interested.
1
Alexandre Lordelo
Hey guys, what is the current "state of the art" Framer module for messaging/chat? Ideally with dynamic types and Firebase integration! ; ) Is there one?
1
Jon Arnold
Using Scroll Components with mouseWheelEnabled: true seems to be twice as fast (testing on a desktop). Any ideas how to fix that? Also is there a way to fix that slight bounce while scrolling of fixed elements like a navbar?
1
Jason Lang
Question: I'm trying to create something that has dynamic text content, which I'm inserting in to a layer via layer.html. Is there a way that the width of the layer can dynamically adjust to the content inside of it?
8
Jonas Treub
Here is a rough template to explore iPhone 8 interactions. I'm curious what you will come up with.
5
Tom Park
I know Framer is used primarily for mobile app prototyping but I've been using it for web app prototyping and I keep running into the same issue - does anyone have a good way to handle simple Stack view style behavior in Framer? For example I have a Nav menu where I want to expand one item and have the others slide down into the correct position. This always seems to devolve into a mess of logic to recalculate the y positions of the layers. I want to be able to stack a group of layers and have them reposition intelligently when other layers in the stack change - which is the behavior the HTML provides by default.
8
Alexandre Lordelo
Hey folks, Trying to create a background blur layer, but no success... Any tips? blur = new.layer blur.style = "-webkit-backdrop-filter": "blur(32px)"
1
Alex Clayton
Having a weird font issue. Using this code: fReadout = new TextLayer text: "#{fCounter}" color: "white" fontSize: 100 fontFamily: "GCD 07 Segment" x: 460 y: 440 I have the font installed on my computer and it works fine in all of my applications and in Design mode of Framer (see attached) but when I try to call it in Code mode, it won't work. All of my other installed fonts work fine when I call them. Any suggestions?
11
Daniel Maniés
Hey guys, I have a small problem I really don't understand and maybe you can help me :) I designed a navigation bar with 3 links in the design tab. I added another layer around them to have an array of links. To go through the array I used following for-loop: "for link, i in nav.childrenWithName("links")[0].children" "link" is the object in the array, "i" is the index and "nav.childrenWithName("links")[0].children" is the array. Now I want to work with the index in an event, but there the index is always "3". But it should be "0", "1" or "2" like before/after the event. I added the layer structure and the code sample as an image. Can someone explain me this odd behavior? Thank you in advance, Daniel
3

August 11

Celeste DeMartis
what am i doing wrong here? trying pointer module for the first time.... Andrew Nalband i'm sure you can help :)
7
Tyler Burgett
Hello! I have an artboard that looks great in Framer, but when it gets to the mirror app some of the components are overlapping. I have tried moving them around a bit, but it didn't seem to sort out the version in mirror. Any thoughts?
2
Onishchenko Volodymyr
Hey, guys! Do you like pizza?🙃 https://goo.gl/bkvwBx
1
Emil Widlund
Based on Claudio Guglieri's framer prototype of animated dots (https://twitter.com/claudioguglieri/status/894490583078649858), I tried to replicate it quickly and let you guys see the code behind it. Hint: It's only 48 lines of code 😊 Have fun! 😊 https://framer.cloud/UqkzI
6
Priyank Jha
Wazzzup! 1THING is proud to organise Framer Designer's Meetup on 19th Aug at 3 PM, in Investopad. We have tons of activities, speakers, foods, drinks and prizes to be won. Come let's catch up! PS: It's a FREE event! #MonochromeMeet #GurgaonFramerMeetup #FramerMeetup #Gurgaon More Details + RSVP:
0
Jason Sparks
I’m using flowComponent and I’m trying to get horizontally scrollable content on one of my pages. It works fine for vertical scrolling but horizontal scroll not so well. Try the link below, you’ll see on the first page you can scroll the vertical content. Now click on the Entertainment tab and there is something horizontally scrollable but you can’t see the content (in my case the row of circles you see in the design tab). If anyone has got time to look at this, I’d be grateful.
2
Celeste DeMartis
I'm looking to have a continuous spinning animation with a variable speed. My attempt was to update animationTime based on either an external event... this seems to work at first but then there are unexpected behaviors. What would be the best way to handle this?
4
Joseph Kim
Hi guys. Is there anybody who knows 'autocomplete' prototype like google search using framer? It means just prototype to design about search field. Thanks in advance!
8
Daise Rocha
Hi all, I am trying to send a layer to the front using pulse.placeBehind(LayerB), and I am getting an error message saying that 'pulse' is not an object. It is an animation I am trying to place behind a layer, anyone knows how to send an animation back? pulse = new Layer width: 24 height: 24 borderRadius: 100 opacity: 40 pulseUp = new Animation layer: pulse properties: scale: 3 opacity: 0 time: 1 repeat: 4
10
Javier Eduardo Treviño
Hello I'm trying to import the pixi.js HTML5 Canvas library as a npm module in a Framer prototype but I haven't had luck following the official docs despite doing It exactly as the tutorial, It's my first time trying to import a JavaScript library , So I was wondering if someone could help me out here. Thanks ;)
3
Jamie Eula Evangelista
Hello everyone! Just started learning Framer a few days ago, and applying it to a project for a UX course that I'm taking. Has anyone ever experienced any issues when uploading a multi-screen project to the Framer Cloud? Everything looks fine when I preview the project on the Framer mobile app and desktop (also in the platform itself). But when I view the Cloud link on a mobile browse, my layers look all messed up (screenshot attached). Anyone know why that might happen?
17
Luis Ricardo La Torre
Small feature request: When Switching fonts the weight resets to the lightest weight. Could you guys make it so it remains the same weight as before, and just swap the font? #feedback :D
1
Jurre Houtkamp
Hey everyone! Did you get a chance to try out the Fiber interactive UI Kit yet? Here's the neat scrolling feed with hiding element that comes with the Kit! All the legwork is done and you can copy the element to your own UI or just edit the file and use it as as a base for your own designs! Check it out on dribble https://dribbble.com/shots/3719244-Fiber-UI-Kit-Scroll-Hide-UI And check out Fiber! https://framer.com/fiber/
2
Tor Hauksson Nettelbladt
People from Stockholm and Sweden are very welcome to this local group.
3
Michael Boswell
Feature Request: Haptic Feedback.
0
Matthew Mang
Hey everyone, I'm currently trying to use a page component where one of the pages is a long scrolling page. However, when I do that, instead of snapping to the top of the page and being able to scroll normally, it snaps to the middle of the long page and doesn't let me freely scroll. I tried changing the long page to a scroll component, but then it totally conflicts with the page component. Any help would be appreciated!
3
Adhithya R Kumar
I don't understand what is up with Framer since last night. I have lost over two hours since nothing was getting saved. I even tried saving it to the cloud and the file would not updated with changes. Not just that, all my earlier Framer files have been corrupted. This is what I see in one of my projects. Everything has been messed up and today I was supposed to show this to one of my clients. This is messed up. Really messed up. All my earlier Framer work has been overridden with "Hello World" and there is no "Hello World" anywhere in my code.
2

August 12

Luke Tuxford
Hey everyone, I'm just getting started with framer and was wondering if anyone has recommendations for courses they've used in learning. I've seen a bunch (skillshare, udamy) but I'm paralysed by choice lol. Apologies for being such a beginner in a group of framer geniuses hehe :)
3
Alexandre Lordelo
Is it possible to set Letter Spacing to "auto", so it dynamically matches the text width I created?
3

August 13

Daniel Maniés
Hey guys, is there a way to create a class based on an artboard from the design tab? Would like to generate sketch alike "symbols".
4
Andreas Michel
Hey guys, short question: Why does the sound file (playing on a button event) only play one time on the framer iphone app? When I click the button again it doesn't trigger the soundfile again. Any ideas? Thanks!
5
Jason Sparks
I have a flowComponent with fixed headers and footers. On the first page, the Entertainment_page, I have a Synopsis_title that I’d like to be fixed/sticky almost like a second-header, with the Synopsis-content scrolling beneath it. Other than my current implementation that uses a scroll component that has a y value that is calculated as (y: HEADER.height + Synopsis_Title.height) therefor positioning it below the synopsis-title, are there any better ways of implementing this?
0
Gabriel Liberman
Hey there, I’m stuck on how do I tell the Tool tip to slide in from the right? right now it's fading in. https://framer.cloud/iIuyG Thanks!
3
Pavel Laptev
Hello, guys! I wrote a little article https://goo.gl/kGiYia how to make a quiz prototype based on Design.how video tutor https://goo.gl/ajdeMD
1

August 14

Paweł Szroeder
Hi! I've noticed some bug with buying license on your site, when I click Pricing from MacBook I can see only yearly subscription, but when I click the same link from iPhone I see also monthly option. Why is it possible to choose monthly subscription option only from smartphone browser?
1
Jeff B. Léonard
Hey Framers, PageComponent vs. ScrollComponent? Even though the pageComponent is based off the ScrollComponent, which is better to use when you have multiple pages that need to scroll at various lengths?
1
Afnizar Nur Ghifari
Hi guys, anyone knows, how to add events to looped sublayers?
3
Ray Yip
Here is a snippet to let you make CSS triangle easily.
5
Rohan K
sorry if this is a repeat query, but i tried searching for it... is there an event that fires when the value of a variable changes? the current change events supports only layer properties (width, height, x, y etc.)
5
Benjamin Den Boer
Hey guys! Here's a little demo of how to use clipPaths to mask images in Framer. Thanks to Kristoffer Lundberg for the heads-up. :-) Check out Clippy as well, to easily create a bunch of different shapes: (triangles, hexagons...) http://bennettfeely.com/clippy/ Demo: http://share.framerjs.com/0qw309wo2yb9/
15
John Kowalski
Hey all, super beginner question. The last page of my page component won't align properly like the the first 2 pages. What's the best fix? Https://framer.cloud/wUBcv
1
Maximilian Bredow
Hi all, I have this prototype for iOS in which I want to resize two pictures using an invisible draggable layer. On my iOS preview on my Mac it works just fine - but when downloading on my iPhone (6S, iOS 10.3) no drag is recognized! Is this a bug or did I do something wrong?
0
Javier Eduardo Treviño
How do you use both a flow and a page component in the same prototype ( I wanna prototype a landing page with a slideshow, mouse scrolling and web pages)
2
Shar Halima
Hello, I'm having a couple of issues with Framer currently. I've designed a simple card that has a Side A and a Side B. I'm using a flip animation that flips between these sides using rotationY. The first issue I seem to be having is that Side B appears blurry and pixelated in the Framer Preview(same as this issue: https://www.facebook.com/groups/framerjs/permalink/1220447641415638/). I thought I could get around this by uploading to Framer Cloud, where it no longer appears blurry. Unfortunately I'm now experiencing two other issues 😣: - A small white box is overlaid on top of my Confirm button - The text on the Cancel button is not appearing I've reproduced the issue here: https://framer.cloud/MryVW I can't work out why this is happening. Any help with these issues would be appreciated! Thank you.
0
Davey Miyabe
Hello Framer friends. I am trying to fade out an interface after user is inactive after a few seconds. Can someone point me in the right direction?
1
Marc Ruaix
Hi guys! I'm struggling with something I think it's quite simple: how can I set a layer animation to start on the Y position of a different layer? Thanks
5
Mike Kyllo
Hi framers, I'm loving the input module (https://github.com/ajimix/Input-Framer) but am having trouble preventing the form from popping up. Is there a fail safe way to turn off the visibility or eliminate it outside of: Events.wrap(someNiceInput.form).addEventListener "submit", (event) -> event.preventDefault()
3
Rohan K
Can I convert the TV's resolution from 720p to 1080p? My sketch file is not fitting in and I cannot use scale anymore when importing because i need to draw more layers after importing. I am using the Dell XPS as a work around for now. But eventually for testing its weird to put a 10ft UI on a laptop screen 🙄
1

August 15

Lukas Guschlbauer
Heyo! Today I added support for SVGLayers (Icons) and textLayer animations for Symbols-module (https://github.com/der-lukas/framer-Symbols) Here's a quick prototype as a POC of the changes:
1
Isa Bison
Someone from the Framer group PMd me but I may have dismissed it by accident. Apologies. 🙇 Feel free to send again.
0
Ilya Zoria
Hey guys. I working on customizing slider component. And I stuck on mask the graph. I tried to scale it, but doesn't work. Please help.
0
Alex Clayton
Is framer capable of checking for two button presses at the same time? I'm trying to turn an icon's opacity up based on simultaneous button presses. I've tried: if buttonA.onLongPress && buttonB.onLongPress iconA.opacity = 1 And also counting each press and saying if they're both equal to 1, iconA.opacity =1 Any help would be appreciated, thanks!
2
Jurre Houtkamp
Hey everyone, We’re super excited to introduce Fiber, our very first UI kit. Whether you’ve been a pro for a while or you’re just starting out with Framer, this is a kit with fully customizable UI elements, all hooked up to interactions in Code that you can keep together or pull apart. Starting on your next Framer project is now easier than ever, so download Fiber for free here — https://goo.gl/f5f1na
25
Daniel Whyte
Hey guys, can you make it so you can select the device colour when the device is not visible, this drove me insane for a good 24 hours. It's smart… too smart.
1
Joshua Miller
Hey group, I'm importing from Sketch, but Framer is not respecting my artboards as parents. I ultimately want to use them for the flowComponent or the [plugin] https://github.com/awt2542/ViewController-for-Framer for a clickable prototype. Is there some magical trick I need like wrapping my entire viewport contents in another group so the hierarchy will abide by my artboards (in the photo named hereandnow_a,c,b,etc? Thanks!
0
Dániel Korpai
Hey there :) I've been playing with the Looper Sketch plugin for a while and now I'd like to recreate and animate similar shapes in Framer. Please have a quick look at the attached screenshots for a better understanding. My problem is that I need to create a sinusoidal rotational value, which I'm stuck with at the moment. (The number of copies are solved with a for loop as well as the scale option. The only missing piece of the puzzle is the sinusoidal rotation value.) Thank you for your help! :) :)
3
Afnizar Nur Ghifari
Hi guys, I'm trying to add events to looped sublayers, the first 'this.children[0].animate' work but after I put it on Utils.delay shown error 'TypeError: undefined is not an object'. Anyone knows how this happens and how to fix this error? 🤔 Thanks!
2
Jonas Treub
Check out how the next iPhone could display a Dock below the control center.
5
Jonathan Rothenberg
Hey all, I'm curious as to how capable Framer is at translating prototypes into production? I'm looking for a prototyping program that can be powerful enough to manipulate content, but also streamlined enough to be as close to production ready as possible. What I don't want is for ideas to be lost in translation from design to production. Thoughts?
0
Alberto Paroni
Hi guys, since Framer support svg is there a way to change the color in the design panel? (Pasting the svg in the artboard it seems that it is kept as vector).
0
Steve Ruiz
I just put this up on Framer slack, but here's a hot tip: if you want to change the default font for all TextLayers in your project, add this line to the top of your project: Utils.deviceFont = -> return 'Impact'
0
Blaine Billingsley
I'm trying to create a module that sets up some project defaults like font, etc. If I add these lines to app.coffee: Utils.deviceFont = -> return 'georgia' Utils.insertCSS("body {font-family:georgia") They work great, but inside a module, they don't. How can I get these lines to affect my Framer project if they're included in a module instead of in the project itself?
1
Colin Honigman
Hi. So I'm working on a fairly complex prototype that uses several about 6 sketch files. Most of the images from the imported sketch files are not used, rather I use their location to layout custom framer layers. It's gotten to the point where between saves and minor changes, it takes 30 seconds to a minute to reload and sometimes just hangs. Any tips on how I can reduce this load time?
1

August 16

Arturo Goicochea
Hey guys, Looking for thoughts and tips for using Framer for prototyping for desktop/web. Like: - What approach to take for responsive? - Do responsive, or just a fixed resolution? - Best approach: simulate window with desktop as a background on a fullscreen window or load in browser as a tab? And anything else you can think of :) thanks in advance!
5
Steve Ruiz
I made this module as part of a bigger one, but it's super handy.
1
Neil Everette
I'm trying to create a circle inside a button (recreating a ripple button), but my click event isn't returning the correct values. I want the circle to be created under the click, but the lower and further to the right I click, the more its off. Any ideas? https://framer.cloud/BvQXV
1
Sudhir Nain
Is there any way to change iPhone resolution to 2x? Importing 1x assets (drag and drop) appear blurry on the actual device. Or should I import 2x assets and then use contentScale=0.5?
0
Yui Rasananda
Hey, guys, I'm super new to Framer and I'm trying to build a simple carousel. Here a few questions I have - One problem I have is when reaching the last slide, I have to click the right button twice to the first image. I'm not sure how to do that. - How can I add crossover fade effect transition ? - Although I get it to work i'm I'me there is a much better way to do this, would be great if anyone can share. Cheers
0
Johann Kasuch
hey guys! i'm still searchin for an answer how to animate a circular path with an angular gradient? any ideas? what's the best way to animate svg paths right now? big thanks in advance!
4
James Taylor Stables
Sorry for the extremely basic question but I can't seem to find the answer after a lot of searching: How does Framer import? I mean...When you import a sketch file into Framer, all the layers are replicated in Framer (caveat: if all layers are in a group) . Now, do they all come in as static pngs or something worse? I was trying to add a drop shadow in Framer as part of an animation to a "vector" that I had in my sketch file that was imported. I was trying to add the drop shadow to add the illusion that the "vector" icon was in a 3d space moving higher away from the canvas before dropping back down on to the canvas. Nope. The drop shadow applies only to the bounding box that you would have around a jpg or something horrible. I would have thought all elements of your sketch file were imported as vectors or at the very least transparent pngs. I can't even add a drop shadow to a heart icon I made in Sketch? without it being a square drop shadow around it's invisible bounding box? Jeepers. I really hope this is not true and I am doing something wrong. Please help ! :)
3
Magnus Jonsson
I'm trying to build my first "complex" prototype with both a scroll component and flow component and an array to create list items. I feel like I've taken on too much, anyways... I got my clickable layer in the array, "more" and I want it to trigger the flow.showOverlayBottom(context) but I can't get it to work. Hopefully one of you guys got a solution to this. prototype:
1
Wouter Duijts
Hi guys, I'm a bit stuck on a project. I have two pages whereby I have a list of cards on the second page with information loaded by an external file. On selecting a card I want the information from it to be displayed on the first page. I managed to get the information on the first page but not by the correct index. What to do? See attached project. ± line 169 Thanks in advance!
2
Tom Ellwood
Hey guys, Does anyone know if it's possible for an overlay to be a fluid size? i.e. all my designs are for iPhone 7 size, then if you view an overlay on anything other than the original device, it doesn't scale - unlike art boards/layers.
6
Andreas Michel
Hi guys! Somehow I got stuck. I am trying to drag a layer in 25 pixel steps vertically. Any good idea how to solve that? Thanks for your help!
2
Karina Kozinsky
Hi, quick question. Can I clip with SVG path? I tried this: layer.style = "-webkit-clip-path": "url(#my_path)" - for url I used svg path id, didn't work:( What am I doing wrong!?
0
Oliver Amorowson
Hi all! I'm so close yet so far with a project... I have 3 linked artboards (flowComponents), each with a sticky sub-header. However the sticky sub-header is only working on the initial load, not after any links are clicked. Any help appreciated. Many thanks!
1
Robin Fox
Anyone know if this is effect is possible using Framer? I'm unsure how to do key-framing in Framer to be honest. Apologies for the newbie question.
2
Jordan Robert Dobson
MODULE: Device Pixel Ratio **UPDATE** The latest code can now be found on GitHub: http://jrdn.io/ffkn Demo & Module Post: http://jrdn.io/eANh I never managed to post my first version of this module to http://framerCo.de and after using it myself for a while and watching Lauren use it at work I've changed a few things. I tend to have the need to prototype for various devices and pixel densities at Microsoft. You never know what type of device someone will have there. I like to build my prototypes to be fluid and adaptable to the device. This module assists you in building prototypes @ 1x and adjusts the prototype using the Device Pixel Ratio of any device for values where you use the dpr() function in the module. This allows you to build fluid and adaptable prototypes in combination with the Screen.width & Screen.height values in Framer. Here’s a quick usage example for the same sizing in Framer and on any device:  {dpr} = require “DevicePixelRatio”  rect = new Layer   width: dpr 300   height: dpr 50 This will make sure it's 300x50 @1x, 450x75 @1.5x, 600x100 @2x, 900x150 @3x, and so on... It will even give you the correct values in FramerStudio for any device regardless if you use retina or not. :D Framer Studio Usage Demo: http://jrdn.io/ffzH Module Code: http://jrdn.io/ffkn I hope this helps you on your prototypes. It's definitely helped me! Happy Holidays! #framercode
15

August 17

Jessie Marman
Can somebody help me out with the Handoff feature? Trying to find actual details on this but the feature page doesn't show any specifics, and I can't find anything in the docs either. Thanks!
2
Cameron Burgess
Is anyone aware of the state of the art on prototyping for Taptic engine in Framer? [there's this post from a few months ago but wondering if there's been any development: https://www.facebook.com/groups/framerjs/permalink/1098851883575215/?match=dGFwdGlj]
2
Leonard Burton
Hi Everyone. I'm having a problem that's driving me crazy! Can anyone tell me why if I add pages to a PageComponent using a For loop I am missing my last layer if I set the x and parent properties, but if I use the addPage function it's fine? Quick examples: Fine: http://prototyp.in/#!/interaction/-KriHrno7iW4v9AaiCbq/edit Broken: http://prototyp.in/#!/interaction/-KriI7bYJtMm-WKde9gD/edit
3
张琨
how can i change status bar color?
5
Alvin Keegan Goh
What does the lock icon in the positioning panel do? Can't seem to find it in the docs.
1
Raúl Antonio Cerda Estrada
Hi frameristas, the other day i saw a guy looking for animations with the sketch plugin looper, he made it? i wanna try some animations for a site right now but i know nothing 🐉
0
David Plakon
hey y'all. I'm triggering this function with a button, which adds a "card" to the view. I want the height of my FlowComponent page to increase as more cards are added, but it's not doing it automatically. Ideas?
2
Nikolas Tsoor
Hi all, is there any easy way to show up a camera feed layer in framer?
6
Arunkumar Alagarsamy
My First Proto! Share some good resource to learn Framer!
2
Tes Mat
Hi folks! I tried to compile all the details about Framer’s (now new and improved!) Text Layers in a post. Let me know if you have any questions or think information might be missing.
2
Sean Thompson
Hey all, In the video-player Fiber example, I am wondering what the following line does: “JessPost.onMove -> Reply.scale = Utils.modulate this.x, [20, 120], [0.5, 1], true” I get it conceptually but do not understand where the values [20, 120] and [0.5, 1] come from? Do the first set of values deal with scale and the second with opacity? Also, could this not have been achieved with two states (a default and larger state), instead of “Utils.modulate.x”? Thank you so much!
3
Bandar Aljahmi
Hi everyone, I'm new to Framer and I have a problem when I try to view my prototype on my iPhone 6 plus, I imported my sketch file to Framer and tried 1x 2x 3x and I got the same problem the design is not fit to my device it became bigger the problem only on my device it's perfect on Framer simulator. Is there any code or setting to solve this issue?
1
Olly Sear
Any London based classes/tutors for framer? I'd really love a few intensive lessons to master this :)
0
Seth Klassen
Hey guys, Just wanted to share a quick little experiment I put together. Sometimes I'd like to add some notes to my prototypes for our developers, so I figured a simple annotation system might be nice to have in my back pocket. Enjoy!
2
Michael Boswell
Has anyone else experienced a volume bug with audio? I'm using the basic Button4 and Button5 sounds from SoundKit. I have x.play() within a function that's being called on a Tap event. Very straight froward stuff. However, the first time a sound plays it's at 100% volume, and every time after the first play is very faint.
5

August 18

Blaine Billingsley
So in trying to extend TextLayer for some various things, I realized that you can't update the fontSize in a setter for another property. Is there any way around this? Is this a bug? Am I just doing something wrong?
2
Leonard Burton
After I've imported my artboards from Sketch, is there any way in the code to iterate through all of these layers? I know you can usually do layername.subLayers but this doesn't seem to work here.
4
Afnizar Nur Ghifari
Hi guys, is it possible when there is an event to change height size, the movement of height growing not going to down but going 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
Utsav Shah
Hello guys, I am new to Framer and I have been trying to get Spotify-like scroll functionality in Framer. I am facing the following problem - 1) Why does the 'Trending' group hide behind and moves up when I create a scroll component but other groups don't? Here's a link to the Framer prototype -
3
Robert Thompson
Why is there no Export to Web Project or Export to Xcode project?
2
Jon Madison
Has anyone attempted any caching of Framer layers? i thought i'd try localStorage, and that failed quickly, as i exceeded the quota. Then, I tried the node-cache package (without knowing much about what it does under the hood) -- while caching i'm running into an error "Color.r is readonly". I'm dynamically building layers based on data, and fear that i've pushed the performance limits. The more of these page layers i create, the slower the prototype responds, in particular the scroll component lags. now that i'm talking it out, it could be because each of these layers are "stacked" and are all trying to respond to scroll events, but i'll look into that. in the meantime, the initial prototype load is still quite long (over a minute), and is affecting being able to even work on the prototype, so i'd love to cache for subsequent (re)loads.
5
Rohan K
I'm at my wits end, I need help.... I need to observe changes to the ".custom" property of a layer. Ideally, I would like to be able create a completely custom property on a layer (just the one layer, not the entire layer class) and observe that for changes. Any ideas?
2

August 19

Paul Stamatiou
Does the Framer iOS app take long to reload a locally-stored/downloaded prototype for anyone else? Depending on the prototype I'm always looking a blank screen for 2-8 seconds. Is this something with the app or just the complexity of each prototype? Is there anything I can do inside my prototypes to speed this up dramatically? I'm always demoing Framer prototypes on my phone to colleagues and loading/reloading always takes a bit too long. 🙃 My current prototype is ~1300 LOC though so I'm guessing it's related...
1
Rohan K
can we use .emit to bind custom events to a class (class extends Layer if that helps)? I don't get an error when I try to emit, but I get an error when I try to use classObject.on "customEvent", ->
1
Aditya Narayan
Hey everyone, I am trying to create a "listening" animation. I used for loop to create a series of lines and animate them infinitely. But only the last line is animating. I am attaching the prototype. I would appreciate some help with this.
1

August 20

Scott Simpson
How can I destroy dynamically created layers? I am trying to call layer.destroy() on a click handler, but I don't think the layer is available in the scope. http://share.framerjs.com/t5r9xs2jv5hc/
6
Jorge De Loera
Hi guys✌, I'm going to do my first shot for dribbble, I have the project ready but need to create a gif with it, what is the correct way to do it?
1
Karina Kozinsky
Help needed!!! Struggling with the SVG mask/clipping: mask basically works, but the path is cropped and I can't move it or scale. Can somebody help me with this please??!!
1
Dave Feldman
Is there a way to create custom components that can be reflected/manipulated in Design mode? Basically symbols for Framer? For instance, suppose I'm designing a simple email inbox like iPhone Mail's. I'll want a list component, and inside that list I'll have an item component with a consistent layout from item to item. Of course that's doable purely in Code, or in Design via brute force (making the item, copying it, modifying all the copies as the design changes). But it would be cool to be able to: (1) Put together the item layout in Design (2) Specify it as a reusable component with editable properties (similar to symbol overrides in Sketch, but also as member variables in Code) (3) Create the list component in Code, and turn that into a symbol/component too, with properties like # items, background color, whatever (4) Drop an instance of the list into Design and either edit their properties there, or in Code, or supply a JSON type structure for the item data. Is this doable in Framer? Or, any plans to support it?
4
Mitchell Murry
Howdy, Is anyone having issues with Framer crashing on the High Sierra beta?
1

August 21

Davo Galavotti
Hey guys, last Friday I started to play with fetch() and using the Dribbble API and I ended up making this. Still WIP, but I wanted to share the process. What do you think?
0
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
Adam Mazurick
I was critical and at times frustrated with the addition of the new design tab that appeared around v93. I was accustomed to working directly inside of the editor. This past week, I found something truly bizarre happening. My workflow was really accelerated by the new utilities. I was able to access icons for a messaging concept at work with relative ease using the new icon feature. A collection of icons was extremely accessible and it's a decent catalogue. Dynamic text made it easier to prototype too. When dealing with multiple text objects, manipulating them was just easier in Framer. I also stopped using Sketch as much. I was using Framer as a substitute for Sketch in a lot of respects. It took a while to absorb but it's dope.
7
Márcio Ribeiro
Hey guys, is there a method to preload an audio/video file like the "...Preloader.addImage"? I don't know if the solution for my problem is something like that, but I'm getting a huge delay when I call a function to play a song in a prototype @ framer cloud with an Ipad. When I play it using wi-fi sharing the delay isn't so long, so not a big problem. Thanks for the help!
1
Michael Boswell
Anyone else run into an issue where you spam Undo, and things go to shit? Text gets moved around. The editor can't keep up with previous fold states. It's frustrating. I've spent a fair amount of time trying to reproduce and the best I could come up with is making significant naming changes across multiple folds.
1
Luis Ricardo La Torre
UPDATE to the situation. About a 2 weeks ago, I went on a mission to create a new format where I can teach design by vlogging my process. This video is the commercial for the app prototype I created using Framer. If you are curious about the whole process I'll add a link to the playlist of the TUBE. (Lower your expectations, it's an early draft) https://www.youtube.com/playlist?list=PLy7hm56Dt-a9vdc4RYZu6nEmxUht7kgEG
0
Andrew Manthei
Hi gang, first post here... I have what's probably a super basic question. I have a flow component that pops up a modal. I want the modal to be two steps. The second modal stretches to the screen size (should be the same size as modal 1). How do I control the size of modal 2?
1
Alexandre Lordelo
Hey guys, Is it possible to set font size = font height?| Ex: I set a 100px font, and the height of it (excluding line gap/leading) would be 100px.
9
Davo Galavotti
Hey guys, last Friday I started to play with fetch() and using the Dribbble API and I ended up making this. Still WIP, but I wanted to share the process. What do you think?
5
Mariusz Dziechciaronek
Hi guys, I'm trying to import svg to Framer, but regardless the method I choose I always get error "Missing / (unclosed regex)" do you how could I fix it?
1
Michael McKenna
What could be causing this? I can't upload a prototype on multiple computers...
2
Oleg Melnychuk
Hi folks! I'm fairly new to Framer and absolutely loving it so far! Have a silly question, though: is there a way to dismiss a Flow overlay panel from the code? Here's what I use to display it: sketch.ShowNavButton.onClick -> flow.showOverlayRight(sketch.NavPanel) The issue I have is that after navigating to a view that is triggered from the NavPanel and then coming back, the overlay is still visible.
2
Yitong Zhang
Hey all, trying to add a few meta tags to index.html in my prototype. I can see them when I open the index file locally, but the meta tags don't show up if I use the cloud upload link. How do i fix this? thanks!
3
Chris Wang
Anyone know why the FlowComponent keeps auto generating this scroll>content layer when I switch between flows?
1

August 22

Alexandre Lordelo
Hey folks, anyone experiencing problems with page component? I added some photos to it, but it wont work https://gyazo.com/942b1e864f00c32aaadb671e609a49f2 # Add photos to page component photoA.parent = page.content photoC.parent = page.content photoD.parent = page.content photoE.parent = page.content https://framer.cloud/FCXWy
2
Liz Chen
Hi, folks! Is there an easy way to transform a text layer into an array with each alphabet being an item in it?🤔 I'm new to Framer, would really appreciate the help!
3
Sean Thompson
Hey all, For practice, I am trying to animate the chat bubbles in my UI in the following way: 1 I want all of the bubbles to start off hidden/below the video. 2 I want the bubbles to enter the screen one-by-one, by moving up and becoming fully opaque. 3 I want any bubble entering the screen to also push the bubbles already on the screen up and out of the way. I am really new to Framer, but I thought I might be able to do this with an array of all the bubbles, a starting state for the bubbles that is hidden, and a loop that brings in each bubble with a delay. I have not been able to figure out how to both bring in a new bubble and push an already visible bubble up. Thanks for any help! bubbleArray = [bubble_1, bubble_2, bubble_3, bubble_4, bubble_5, bubble_6] init = -> for bubble, i in bubbleArray bubble.y += 456 bubble.opacity = .60 bubbleAnimation = -> for bubble, i in bubbleArray bubble.animate y: bubble.y -= 456 opacity: 1 options: delay: i*.5 init() bubbleAnimation()
1
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.
130
Lukas Guschlbauer
Ahoj! 🙌 Today I made a big update for the Symbols Module! * Complete rewrite of the module * Fixed layer nesting issues * Add common or specific states to Symbols * ReadMe Update Attached is another demo-prototype! Would be awesome if some of you would download the module, experiment with it and give me feedback and would love your contribution on Github! ⚠️ EDIT ⚠️ The prototype in the preview below is an old version created in Framer Beta, which I can't update or remove! For the new version, compatible with Framer Studio V97, use the link below! [Prototype] https://framer.cloud/MjZgp/ [Github] https://github.com/der-lukas/framer-Symbols
1
Jonas Treub
Another iPhone 8 idea whereby the swipe up will trigger the app switcher instead of control center. Gestures might become more important when the home button isn't physical.
0
Jon Madison
How important is framer.vekter.js? :) merging after changes is a PITA(rm) as expected. If you can solve multiple ppl working in the design tab and merges involved, then, heck, you may convince others to convert to Framer Design from XCode even, just for that benefit, haha.
1
Dmitry Sholkov
Hey guys, seems like Transparent .MOV files don’t play in Framer. When I try to convert it to mp4 using Adobe Media Encoder it makes background solid :/ Tried to follow instructions over here http://framer.com/learn/import/after-effects/ doesn’t seem to work. :( Are transparent .mov not possible anymore?
18
Bil Chamberlin
Hey all, how I can write a condition using states? toggle.onMouseOver -> if toggle.state = "a" then change property else do nothing I want to do a rollover state for a simple toggle but I cant get the syntax https://framer.cloud/HGGRt thanks
5
Morten Just
I'm dragging an image into the Design view, but that image doesn't show. It does show in the Code view.
1
Jenny Shen
Hey guys, new to Framer here. Dumb question: If I have a button and the first time I click on it, it displays message 1, and the second time I click on it, it displays message 2, etc. How would I be able to do that? Tried using counters but apparently am not doing it right. Thanks in advance!
3

August 23

Sergi Bosch
Hi community, I need to prototype an iOS date/time picker interaction. Has anybody had experience with this? I've been googling to find some examples, but not having much luck. If anyone can share a module and/or links to relevant examples, I'd be psyched.
2
Jon Madison
In general, have people found faster performance of their prototype in Chrome or Safari? I've a prototype that takes upwards of 40 seconds to load in the IDE and Safari browsers, yet takes < 9 seconds in Chrome. Any general ideas of what to look for?
0
Mariusz Dziechciaronek
Hello guys I'm trying to add event listener to the layer, just after clicking the layer I would like to pass parameter and invoke function, is there any solution to this?
1
Thierry Meier
How can I put a layer above a ScrollComponent? As you know, the ScrollComponent immediately moves on top of all other layers – layer.bringToFront().
2
张琨
I want to go to this flow automatically after the states animation. How can I do it ? cancelchat.onClick -> coverwhite.stateCycle() homebubble.stateCycle() flow.showNext() This doesn’t work, when I click cancelchat bottom, it will ignore the states animation and go to the flow. Anyone can help me, thx
2
Arunkumar Alagarsamy
Anybody has Framerbook? How is it?
9
George Kedenburg III
had a great view of the eclipse today
2
Elliot Nolten
Feature request. Would be super nice to extend the animation curve options with all the curves from http://easings.net/ 😁
2
Wouter Duijts
Hi guys, I'm wondering if it is possible (probably 'yes') to trigger an event on a child layer whereby the existing event on a parent layer is ignored. In the attached example I want to be able to click on the small square(child) to change color without the big square(parent) to change color. https://framer.cloud/IKPxc Thanks for the help!
1
Jonas Treub
Introducing Framer for iOS, a distraction-free way to preview your prototypes in real-time. Native level interactions, offline use and secure sharing links. Get it on the App Store and round out your design toolkit today! Download it here: https://itunes.apple.com/app/id1124920547 Read about it here: http://blog.framerjs.com/posts/framer-preview-for-ios.html
24
Aditya Narayan
Hi everyone, I created a bunch of compound objects in Framer design mode, now I have to create multiple of these with different data using "for" loop. But I can't seem to find an option to do it. The one solution that I found was to create "class" and basically create new object, but all the examples I found were building the class in code itself. Would appreciate help with this :)
5
Bhaskar Ravi
Hey all - Anyone else having issues with icon scaling in the design tab when pasting from IconJar? I've been having this issue since Framer Design launched. If copy / pasting an icon from IconJar, the icon loses its form factor when changing size in the design tab. Maybe I'm missing something? If the icon is exported as an SVG / PNG and then dropped into framer, this is a non issue. it's only when icons are just copied directly. The other frustrating thing about this is that I cannot change the color of icons that are first exported and then dropped into Framer Design. Has anyone else had similar issues?
4
Kwesi Phillips
Hello All! I am trying to create a scrollable list of items and drag them out of the scroll container on the rest of the screen. I made the scrollable container, but I can't get the drag to work properly.
0
Miguel Solorio
Does anyone know why icons from Design mode don't scale properly when using copy()? Inspector shows the correct size. This appears to happen when an icon is resized from the original dimensions.
3
Scott Blissett
Hi All, If i have a global variable set e.g. firstName, is there a way for all TextLayers that use that variable in their template to autoupdate when the variable is changed? My scenario is using the FlowComponent, initial screens ask for your name, then display it like "Hi {firstName}, then later in the flow a dashboard has "{firstName}'s Dashboard". The way im doing it at the moment is capturing the onBlur event from the firstName input field and manually update all the textLayers individually.
2

August 24

Luis Escobar
Hi All! Does anyone know how to trigger an event based on a certain number of characters entered into an input? For example, say I wanted to mimic Framer's Access Code input - once 6 digits are entered, the input is no longer focussed and the project loads. An example would be really helpful as well. Thanks!
2
张琨
Why a layer is overlay the button already. But I can still click the button?
1
Davo Galavotti
Hey guys, the design team at airbnb released a cool library of animated pictograms. So, I made a quick Framer demo using the bodymovin component! Check it out: https://framer.cloud/wmXTu https://airbnb.design/modern-pictograms-for-lottie/
1
Jon Arnold
I tried to have a standard cursor and pointer cursor on a btn (in a scroller). This didn't work: document.body.style.cursor = "auto" sketch.btn.style.cursor = "pointer" Anyone?
2
Amrit Mazumder
What is an effective way to animate and update Layout? Scenario: I have a layer called 'container' with 5 vertically stacked boxes. Each box expands to _some_ height. I want to then push the appropriate boxes down, and update the 'container' height with an animation. I've tried 2 approaches — with and without an animation. Without animations, everything works perfectly. With Animations, it's super buggy and I think its because the expanded box doesn't reach it's new height quickly enough, and the other boxes don't know what to do. Is there a better way to go about this? Project — https://framer.cloud/zbwTg
4
Johan Ahlqvist
Hi good people, Anybody knows how to add videos to VRLayers ?
0
Joe Howard
Does anyone else have problems using the San Francisco font with text layers on the iOS app? On the mac the font is rendered properly, but when I open it on Framer in iOS, the text layer falls back to a different font.
2
Daniel Alvarez
Hi guys ¿Has any used Algolia in a Framer project? I'd love to hear from your experience implementing it.
0
Jon Madison
Any plans to fix the freezing IDE when we save design changes?? We have a particularly complex prototype (that incidentally loads 75% faster on chrome than Framer IDE or Safari but that’s another issue) so I’ve changed my workflow to turn off auto refresh, preview prototype in a Chrome browser. However, Framer IDE still hangs when we save, forcing us to wait several seconds between minor visual changes. In my ideal world I wouldn’t use Framer IDE at all at this point, just the design tab.
0
Bil Chamberlin
Can one element have 2 different animation options? I don't want the position animations to be the same as the hover animation for a button.
2
Dan Clarke
is it possible to change the SliderComponent to vertical rather than horizontal?
7

August 25

Blaine Billingsley
Are there any examples of using TextLayer as a content-editable Layer out there? I frequently have been using the old 3rd party TextLayer for this.
5
Jacob Berlow
Has anyone found a way to listen for the system back button on Android?
1
Katherine Martinez
How do most of you apply your framer.js projects to production? Is it possible to use any of the resulting javascript code from a prototype in production-code? I don't want to create something amazing in framer.js, if I can't even re-create unless I use third-party libraries like Greensock or jqueryui. Any workflow tips would be much appreciated!
18
张琨
how to make an loop animation ?
4
张琨
https://framer.cloud/tEpNl I made an animation , I want it to be automatically restart, but it doesn’t work, anyone can help?
3
Jennifer Mostert
Hi everyone, I'm working with our UX team to create a Framer code library for fonts, icons, typography and colors. I'm hoping to create a file of global preferences and host it (playing with it for colors first). I'm hoping they can link to it in their projects and not need to put any files in the Framer project folder. I know you can host CSS and images and point to them, but I'm not sure about a file of preferences. Any help would be really appreciated. I've combed all of the various tutorials and blog posts that I can find at this point. Thanks so much, Jenny
3
Hass Murphy
Is the Fiber UI kit a separate product from my basic Framer license? I'm using v98 but don't see how to access Fiber.
4
Jorge De Loera
Hello! me again, I'm testing the framer generator open source, but the Framerjs version is not the same as the Project folder. How to install framer.js again?. I have seen the module in npm and many boilerplates, what is the most common form to use framer out Framer Studio?
0
Chad Smith
Guys, I can't get to the Framer Docs...what's going on?
3
Erika Bauer
Hey all - i'm a newbie and trying to figure out how to fade transition from full screen to screen for a simple desktop prototype. I saw this proto but can't get it to work with my screen1, screen2, etc. https://framer.cloud/batoI Ideas for changing this so it does that for the screens/artboards themselves with all content on them?
0

August 26

Joshua Miller
I'm looking to create a type ramp (scale) that's reusable. https://framer.cloud/wmPVU Wanting these to be reusable objects so I can pass them through to a TextLayer. This will save my a lot of styling time in the long run like CSS /JS classes. I understand objects contain one or more properties. Would this work better as a set of variables?
3
Lukas Guschlbauer
Okay, seriously guys... what's wrong with the "default" state? It seems like everybody knows about the hickups you have when working with the default-state (stateCycle etc..) (Also Tess Gad wrote about it in here States Cheat Sheet [https://blog.framer.com/framer-cheat-sheets-states-9b4c96b89674]) Is this gonna be fixed? What's a smart workaround? Can I somehow "repair" the default state?
6
Afnizar Nur Ghifari
Hi guys, recently I'm sharing about Framer to my coworker at Bukalapak. Just want to share the slide deck. Hope you guys like it :D
1
Zlatko Petrov
Hey Folks, I am just learning how to power a framer prototype with "real data". I got a firebase data record created by firebase.post() instruction (Marc Krenn's firebase framer module). The record has a random key. How can I retrieve the random key, for a future access to this specific data record? Or, is there any alternative way to retrieve the data record? Thank you!
2

August 27

Adi Ron
I was trying to bind behavior to an Events.Scroll event to a ScrollComponent and noticed that inertia scrolling didn't trigger Events.Scroll at all. I assumed scroll events fire regardless of whether the scroll is the result of direct user interaction or just inertia scrolling. Is this intentional?
2
Ray Yip
Simple Layer Stacking https://gist.github.com/RayPS/bfdfc3cb48f7974ac2c9cdb92ec53476
2
Gene Becker
Hi all, just learning Framer and have a question about performance on Android. The project is a scrolling feed of expandable cards, imported from a Sketch file. I used ScrollComponent for the whole feed and Tap events for opening and closing the individual cards. It seems to work pretty well on the Macbook, but when I mirror to my Android phone the performance of the Tap events is abysmal, need to press for ~1 sec to get the animations to work right. I tried using Chrome browser on the phone, same issue. If I mirror to iPhone, the sizing is all wrong but the Tap events are fast. Not sure if I'm doing something really inefficient here...could anyone recommend a better approach? http://share.framerjs.com/qbc3vykktpxn/
5
John Lee
How do you distinguish between a Tap and Drag events on Android? They're getting the same treatment which is annoying. Any ideas?
2
Maximilian Bredow
Dear community, can you please help me on this "Would you rather"-Prototype? Features so far: - Each swipe represents a choice for one of the displayed two random cards - Once the swipe has been registered (e.g. passed a certain offset value), the app registers the ID of the winning card over the ID of the losing card and removes the cards from the view What I would like to implement and am struggling with: - Repetition of this game, with freshly generated cards. At least 50x. The less computing power this needs the better as I want to fill each card with an image What I tried so far: - Loop that repeats itself 50x. However, after the first swipe the dragging function is deactivated and I cannot swipe anymore - I have been looking at Tinder prototypes made with Framer but so far these cards and their content were all hard coded and not randomly generated Thank you very much for your support!
3
Victoria Koval
Hey everyone! I have the square and I wanna fix the position of one corner and rotate the square in 40º... please, give me advice how to do it. Many thanks!!
1
Sergi Bosch
I’m having trouble creating a simple 2-screen prototype that uses artboards and does not rely on the flow component to navigate through them. I tried the page component as well, but it seems to rely on dynamic pages and not artboards. For example, the following does not work: page = new PageComponent width: Screen.width height: Screen.height scrollVertical: false # the second page to the right is my artboard page.addPage(artBoard02, "right") Additionally, artboard02 represents an additional view, not a state change. So states don’t seem to be the right solution either. Any one have any suggestions?
1
Koen Bok
It seems a 10.11 only bug slipped into out latest release v98. I'm very sorry. I'm working on a fix right now and would be very thankful if someone could verify my fix. I'll post a new beta link in a bit below. If this block you right now, I would recommend to downgrade to v97 here:
1
John Lee
Hey y'all - animation layer question: I have a gesture animation layer controlling all the layers below. How would i null the gesture layer so it only works after a touch event which I've allowed for. makes sense?
4

August 28

张琨
Button.onTap-> if layerA.state = ("default") layerB.states.switch("default") layerC.states.switch ("default") else layerB.states.switch("b") layerC.states.switch("b") It is doesn’t work, anyone knows how to modify? Thanks
1
Ray Yip
You might not know. "Infinity" is a native JavaScript property representing a infinite number. But it's missing syntax highlighting and code completion in Framer Studio.
2
Bowen Lee
Hi, folks, I’m trying to build a timer prototype with pause and resume function. I use the template layer to build the timer, but I have no idea add pause and resume function with it. Could anyone kindly offer a help?
1
Jon Madison
is "auto refresh off" not working these days? when i save external modules, my prototype attempts to refresh. As well, making changes in the editor and saving seems to also kick it off. Anyone else have this experience?
1
Jeevan Kumar
https://www.uplabs.com/posts/chat-concept-7bcc9792-3798-4a68-9199-1e1bf9660ae0
0
Nikolas Tsoor
Hi every one, i have just updated to v98, which is crushing every time im opening a project, and i noticed theres an update for this problem on v99, but i cant open it, it downloads an html file wich do nothing.. Please help
2
Ahmet Bekteş
Hello everyone, I need some help with the draggable layers. I have four tiles named (downLeft, downRight, upLeft, and upRight). I also created a section for material choices. These section has material items (circles). What I want to do is dragging a material item to a tile ending drag and changing the tile image to the material item image. I planning to extend the material items. Cam somebody help me please? Peace
1
王轩
Is there a way to send specs to others if they don't use Framer Studio? Since we sometimes design inside Framer instead of Sketch, this is an issue.
0

August 29

Sean Thompson
Hey all, I am just learning about Utils.modulate, and I was wondering if I can do the following: I want to change the color of text within my UI from white to a bright green as part of the interface moves from one y-position to another. #stats is a combination of icons and text that I want to change the color of. #hub is the piece of UI that moves from one y-position to another on tap. stats = [icon_1, icon_2, icon_3, counter, viewers, money] stats.color = Utils.modulate hub.y, [28, 98], ["#6FFFDB", "#ffffff"] Thanks for any help!
3
Daniel Alvarez
Hi guys. I'm doing a project for fun in Framer to learn more about the tool. I'm looking for help: I got a layer that appears with an animation after 3 seconds, I'd like to make it fade or disappear 3 seconds later
1
Matthew Mang
Is there a way to trigger dragging on a swipe event or a long press? I’ve tried making the layer draggable on those events, but it still requires you to lift your finger and tap and drag on the layer after the event, rather than immediately following your finger.
1
Jiung Kang
key = 0 if key = 0 list.onTap (event, layer) -> attachment.oppacity = 1 - I wrote down that code but as you expect, it didn't work attachment's basic opacity is 0 so I just want to make it seen... help me..
1
Sergey Perepelkin
Hello, guys! I want to use Classes in my work. For example, create Class that includes Navigation Bar and Content Spaсe. All other elements I want to put inside Content Space. But it writes that Content Space is not defined, when I'm trying to use it outside the class (for parenting). Help! I don't have framer studio so there's link to my example http://sergeylask.ru/framer/class-problem/ and there's to my coffeescript file http://sergeylask.ru/framer/class-problem/app.coffee.
3
Jon Madison
Dear Framer, will you release a way to interact with the Design tab programatically? Thanks. Just trying to make legit symbols, here. lol.
1
Nathan Wright
Hi All, Just wondering what's the easiest / latest way of using a REST API to pull in data to Framer?
1
Daniel Plunkett
Yo! I want to prototype a feature where the user deletes the current page in a pageComponent, then snaps to the next page. So the flow is: - Click event - Get current page - Remove or hide that page, must include an animation - Snap to next page Any ideas? Thanks!
8
Nazar Moravskyi
Hey guys. I keep getting the error: undefined is not an object. Any idea why it is happening?
6
Kevin Cannon
Hey all - I've been using Framer for the last 2 years prototyping Smart Lighting products. I just wrote an article discussing the surprising ways we found Framer useful during the process. Hope it's useful to some.
4
Tom Eriksen
Hi everyone! I need some smart minds to take a look at this loop involving delay that is not working. I have a text field where I want to push out one word at a time. The words are in an array. The delay between words to displayed is set to 1 sec. The first word is shown 2 sec. Hence the weird double statements. When I call `printMessageLoop(msgArray[2])` the target displays the first word correctly, but two last is "undefined". The printout says: printMessageLoop(msgArray[2]) »i=3 »i=3 It seems like when the line `target.text = msgArray[i]` is executed that `i` is set to the last `i`. That is i++ = 3 Why? And how do I get around it? THX!
3
Shaun Mosley
Hey guys! I created an article about my experiment with VR in Framer. Would love to hear the feedback and advice from others!
0
Bil Chamberlin
I want to rotateRight a square 90 when I click on the button. I also want it to keep rotatingRight 90 if I keep clicking the button... how do I do that? do I have to set up states? 0, 90, 180, etc?
1
Eelco Lempsink
Framer v98 is here! We’ve squashed a whole bunch of bugs and added a couple of goodies: • Handy new shortcuts for sizing and positioning in Design. • Performance improvements for Design. • Support for macOS High Sierra. Update to the latest version and check out all the changes here — https://framer.com/updates
13
Mariusz Dziechciaronek
Hello guys, is there any cheat sheet or module in Framer, which simulate native iOS (xCode) animations for certain elements e.g. search bar:
1

August 30

Joshua Kenzie
If you live in Melbourne, it’s been awhile since we had a Framer meet up. So lets get together for another on Wednesday the 27th of September! There will be pizza and beer provided 🍕🍻 and we also have a special guest, JinJu Jang who will be giving a presentation on her generative art in Framer! 🖼 We look forward to seeing you, for more information see the link below and please RSVP while you are there.
0
Cameron Roe
Hey guys, I'm looking for help on a Framer project and would like to collaborate with a designer who has experience with designing charts, metrics screens, and social media. I need to create a mobile prototype of an email app with heavy interactions. If interested, please comment with your Dribbble/Framer cloud examples. Also, if you are familiar with React Native engineers who deploy to expo and have collaborated with them using Framer that would be a huge plus. Let me know if you know of someone. Thank you!
1
Luis Escobar
Hi all! I'm trying to recreate the below carousel example, but I can't figure out how to modulate the thumbnails from small to large (in the center) on swipe. Can someone please help? Here's my project: https://framer.cloud/fzCkn Here's the example:
3
Stan Tan
Hey guys, can i know if Framer viewer on Android is coming out anytime soon? :) Edit: have been using Framer to demonstrate some feature flows for my company and it has been going well so far. But the trend has forced me as a designer to focus design for Android device first :(
2
Marc Krenn
In my third and final example file on HTML5's 'canvas'-element I've used canvas in conjuncture with Framer's new pan-event to probably make the world's most laziest color picker ... in less than 80 lines of code ;) And while it does not return perfect results - for instance, it won't return a perfect white - I still think this is a pretty clever and efficient way of adding a color picker to your project (Y) https://tr.im/colorPicker #canvas #color #picker #colorpicker
6
Eldar Burnashev
Guys, is there the same option for non-Spring animation? I want to copy animation values of Bezier.ease.
3
Maximilian Bredow
I have successfully connect my Framer prototype with a Firebase database and am receiving user info (coming from a Google Forms) that I want to use to create a user profile. When the print line (line 193) is within the firebase.get function, I receive all info I want, but as soon as I try to call that information from outside the function, I get "variable not found" How do I fix this problem? Thanks!
3
Luis Escobar
Hi everyone! Is it possible to check the state of a layer? btn2.onTap -> if btn1.state is "active" and btn2.state is "active" print "ok"
2
Kevin Cannon
Hey all, I have an odd problem with the Page Component. The first item gets positioned oddly, and then the last 2 items overlap each other for no apparant reason. Can anyone help?
2
Sora Jang
Hi Seattlites! I am the organizer for a local UX Design group called UX Design Peer Practice. Our goal is to practice skills and use tools that will better ourselves as designers. :) Our next meetup is a Framer-related session next Thursday in Greenwood (Seattle). We will be giving away a few licenses there! If you're interested I highly recommend checking it out: Both new and veteran users welcome! We hope that more experienced users will help out newcomers. ^_^ Thanks! (& Sorry to those who aren't in Washington! :'( )
0
Mike Johnson
Here's a quick screencast showing the process of exporting a Framer studio project to an ipa file that can be installed on other peoples' devices through Cordova.
11

August 31

Pavel Laptev
Hi, guys! According to previous message https://www.facebook.com/groups/framerjs/permalink/1239871982806537 I finished GlitchContainer module. This container allows you to add common glitch effects to any layer or group. Prototype — https://framer.cloud/KXWLF Github link — https://github.com/PavelLaptev/GlitchContainer-for-FramerJS
8
Nate Galloway
What/where is the best learning resource for Framer? I finally have time to try out the trial of Framer and I want to maximize the trial period. Links appreciated.
14
Michiel Kersteman
Mapbox Framer Question: I'm currently using a mapbox layer in Framer and the prototype works fine in desktop environments. However, when I open the prototype on an iPhone the panning/zooming of the map goes twice as fast as the touch input. I figure this is probably due to a pixel density issue between Framer and the Mapbox element. Anyone familiar with this issue? Code wise I basically used this:
2
Dami Dina
Hey Framers! Recently my friend Jason Li and I shared a post on Medium about our redesign of their new claps interaction and you might have read it! We proposed having a slider interaction to increase the number of claps instead of tapping multiple times. We designed the interactions in framer (nothing fancy and the code is messy). Play with the prototype: https://framer.cloud/EfAmB And here's a link to the Medium post: https://medium.com/tomyum/our-redesign-of-mediums-claps-and-why-they-may-not-have-chosen-to-do-it-this-way-edc9ff6b586e
0
Maximilian Bredow
I want to use an ELO Rating System to rank users. I found a CoffeeScript version on GitHub that does give me the correct results - however this also produces an error message "Type Error, this is not a function". What do I need to change to resolve this error message? Thanks! Link to original file: https://github.com/hugodias/EloRating-JavaScript/blob/master/lib/elo_rating.coffee
1
Adam Mazurick
Is there a way to enable the rear camera on iOS with sourceInfo.facing with webkit?
0
Jon Madison
Howdy. How to stop these 1k + error messages?
0
Jacky Lee
Hey framers. Here's a mapbox related prototype I made over the weekend. It's an exploration for viewing geospatial data on mobile and encourages cropping data to the extents the user needs. PS. The code is embarassingly messy... sorry. Play with it here: http://share.framerjs.com/18xmizs718e7/ Dribbble: https://dribbble.com/shots/3108806-Geospatial-Data-Viewer
5

Monthly archives

2017

2016

2015

2014

2013