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

What is Framer? Join the Community
Return to index

June 2017

June 01

Nathan Wright
What are people using to do inputs with adaptive labels? I've seen the input module on GitHub but unfortunately it doesn't look like layers created in code are available in design which is a bit of a pain. Would love to see some examples of how people are prototyping input behaviour, adaptive labels, etc
0
Minh Nguyen
Does anyone know how to add custom icons to the icons library in the new design mode?
1
Tang Muchao
Hey Framers! I wonder if there is a way to listen to a specific state of a specific element? I tried to use "if inbox.states is "default"" but it does not work well.
3
Daniel Alvarez
I'm trying to create an slider in Framer. I want to make a rectangle with the corner radius full rounded under the circle, to make it look like you dragged and stretch the circle
4
Ash Adamson
Looking for one more Framer mentor for the Framer Sessions SF. June 6th Lmk!
4
Dan Freeman
I have two questions regarding flowComponents that I hope you guys can help me with. 1. I am trying to get a piece of the flowComponent to sit just below the header once it reaches a certain Y value but I can't get it to stick... 2. Is it possible to get a flowComponent to not scroll when pulled down from the top of the page? I would of thought it would be similar to how its done in the Framer scrollComponent youtube example? layer.onScroll -> if layer.ScrollY <= 0 then layer.ScrollY = 0 Thanks in advance!
0
Alex Safchuk
Hey everyone. Long time lurker, first time poster. This might be a stupid question but I am stumped. I would like animate an element onto the screen when the scroll component reaches a specific scrollY position. I am getting some weird animation happening when I try it https://framer.cloud/YADhh . I know it has to do with the .onMove being called constantly and subsequently calling the if statement at the same time, but I am not sure what to use instead. Thank you in advance if anyone has a chance to take a look and help me out.
2
Michael Van Havill
The update is awesome but, why on earth does the sketch import not show up in the design tab. I don't want to design with it really, but the designer UI is magic for managing your assets and their artboards and an amazing way to jump into code on each actionable element. Other than copy and pasting each element in, is there something I'm missing. So close, yet so far!!
2
Muhammad Athar
Still waiting anxiously! 🤔🙄
2
Richard England-Lee
Hi! Does anyone know if it's possible to use safari's browser controls to showPrevious on a flowComponent? Thanks!
0
Vlad Mafteiu Scai
The text alignment is broken. Also anyway to add document color palettes?
1
Niels Flindt Koelmeyer
Hey guys. After the launch of the new Framer, I decided to rebuild my resume project from the ground up using Framer's design tool. I'm exploring how to nest Scroll Components within Page Components. The interaction is working as intended, but I've found that one of Scroll components are being cut super short, leaving a gaping white space in the display. I don't know what's causing the error. Anybody has an idea?
1
Adam Mazurick
Is there a keyboard shortcut to toggle between Design & Code?
8
Pim Minderman
Can anyone help me with login to Framer? Since the latest update, I cannot login anymore with my company account.
1
Sergey Voronov
Seems like noone was interested in this easter egg:) any info?
4
Rene D'Cree
has anyone purchased framerstudio? is it a lifetime license? or a time-based subscription?
1
Ibrahim Munawar
Hey Guys, is Framer not $80 anymore? I remember buying a license at the price....is it just a subscription model now?
3
Jens Nikolaus
I used the new design tools for the first time and noticed that all the images I dragged in do not show up on export. They do show up when I mirror the prototype to my phone though.
0
Dave Anderson
Have just begun playing around with the new Framer Design, and am wondering if it would make sense to use it to prototype responsive web apps? I.e., could I draft layouts for different browser widths in Design, then define breakpoints in Code, and have the prototype transition seamlessly between layouts as the Canvas is resized? If so, what would the right approach be to do this? In the past I've struggled to get layouts to update live using Canvas.onResize, but the way the layouts flex so easily in the Design tab makes me wonder if this is now easier.
0
Mayank Sagar
Hey Guys.. I'm having trouble replicating the fonts from the design tab to my phone(I'm using Roboto font and Android as my art-board and also my canvas). It's just not reading the font styling that I'm using in the "design" tab.. any solution to this? What am I doing wrong? P.S. - I'm using a onePlus 2 for prototyping
1
Nick McVey
Im missing something. my prototype was just working, but it wont show up on cloud/device. can someone help me troubleshoot whats going on? its just a simple test of the new design stuff
0
Sandor Rozsa
Hey Guys, I am trying to make a classical tablet magazine type of interaction: swipe left/right between chapters. If a chapter has sub-pages than it should be possible to swipe up/don in that chapter. Is this possible using pages and the new artboard features in framer studio? Using "page.addPage(pageA, "bottom")" will not add the pages in the desired position ie. for the 3rd "chapter" page but only at the bottom of the 1st page – hope my explanation is making sense :-) Thanks!
0
Pat White
Hello! Is it possible to change the color of a TextLayer? Button.on Events.Click, () -> Text_1.color = new Color("yellow") When I click on a button I'm expecting the text color to change to yellow, but it does not.
5
Riccardo Buzzotta
The new Framer is 🔥🔥🔥 I made a prototype in, like, 5–10 minutes: https://framer.cloud/bEUyv I will give it 5/5 🌮
10
Jorge Martins
Hi all! Some time ago I tried to morph an SVG but I couldn't find any module or tutorial that helped, so I decided to try 'anime-js' for it and it worked seamlessly. So I'd like to share the result and ask if you have an alternative/faster/easy/third party free way to do it. Thanks PS: Scroll ⬆️/⬇️
2
Richard Alvarez
Hey Guys im having issues Understanding how draggable constraints actually work and when to apply them. I have seen the get started Guide draggable constraints section several time but I don't really get it, and every time I apply them, my file gets funky. Good a piece of advise for future framer users. so if anyone is kind enough to dumb it down and help me out, that would be amazing. Also I believe framer should work on that section and making it easier to the User, Because that is actually where im trying to learn basic coffee Script... On the other hand Great Job with the Design/Code new update ;)
0
Benjamin Den Boer
Heya Framerers! Here is one of the examples included within the Welcome Window. Learn how to create a simple loading animation with the clever use of masking in Design. Then, fade in a row of layers with unique delays. 2 Artboards. 30 lines of code. ✨ On Dribbble: https://dribbble.com/shots/3538034-Loading-Animation-Android Open in Framer: https://framer.cloud/download/signed/tpqEV/2/?studio=1
1

June 02

Aalok Trivedi
is there an easy way to create a loop from a group/layer created from the Designer interface?
0
Antonija Mimi
Do you plan to somehow sync Design section with Sketch? Or better yet, is it possible to copy/paste vector elements from Sketch to Design? I know I can import directly from Sketch but I would like to use Design for quick changes or additions.
1
John Marstall
Here's our new module: drop a control panel into your prototype for playing with its settings. Really useful for tweaking things with a team. https://github.com/bpxl-labs/ControlPanelLayer
4
Kasper Andersen
Heyo So what is the easiest way to do a prototype like this? Basically I want the main screen to be in the middle with other pages next to it on both sides, and over and under. Is there a fancy way to do it with the page component, or do I ned to use dragging?
9
Vova Nurenberg
Hi everyone. I've been playing with the new Framer and was wondering: Currently flowcomponent uses custom animation to move between different artboards. Is there any way to manipulate and change this animation if I want artboards to switch faster, for example? Thanks.
1
Mireia Lopez
Hi everyone, I'm interested in organising a Framer workshop at my agency DARE - Who's the best person organising these events that I can get in touch with? DM me please! Thanks x
2
Søren Rømer
I've added an svg circle to my design, but there's a weird gray box behind it. Does anyone know why this is, and how I can get rid of it?
3
Florian Kall
Hi everyone, can someone tell me how to change the textcolor of layers I've created in the Design view? I want to change the color in an onClick event.
5
Luis Ricardo La Torre
The email that I used to buy the Framer license is not the same as the one that I use for Facebook. I have a project on my dashboard that now I can't access it. Has anyone run into this issue. How do I combine accounts? :/
2
Valery Bella Mariti
Hey guys, I am struggling to select a layer in the new version of Framer
2
Aalok Trivedi
Any way to use constraints similar to the Design mode in code mode? I know you can just create the layers based on screen width, but I was wondering if there was an easier way
0
Javier Eduardo Treviño
Guys how do I show an entirely new artboard based on timing?
2
Gabriel Liberman
Hi there, I know this must been asked a dozen of times but since I’m newbie to Framer any help will be great. Trying to create action where the user clicks on Button triggers pop-up window (that animates down). How should I do that? if there any examples out there that you can point out will be helpful. Thanks for the help!
3
Darshil Vora
Hi Everyone! Since downloading the new update, I am not able to create any new prototypes - I get stuck on this error. 1. I am connected to the internet - obviously :P 2. I am not sure why Framer needs an internet connection when I am building local prototypes. Any suggestions?
2
Vlad Mafteiu Scai
I got an issue with a simple project I am making, where Framer seems to hang for 30-60 seconds while attempting to reload the prototype. I am using Atom to edit and save some modules, which seems to be the culprit behind the reload hang. Not sure what I should do to fix it. There is no way to open and edit modules directly in Framer as far as I can see either.
1
Sigurd Tapio Mannsåker
This came up on Slack, in case anyone wants to modify an icon's color in Code:
0
Olivier Gillaizeau
Hi, When importing a file from sketch, I am not seeing it at all in the design section (although, I do see it in the code one). I've follow this https://framer.com/getstarted/design/#design It looks like we do have access to everything. Wonder if it's broken or if I am doing something wrong. Thanks!
1
Richard England-Lee
Hi! Does anyone know if it's possible to use safari's browser controls to showPrevious on a flowComponent? Thanks!
3
Valery Bella Mariti
So I am doing the Instagram like thing with heart, so I want to know how I add duration to the heart after double-clicking...Help
2
Lauren Nielsen
So it looks like framer project links no longer open on a mobile device, without the device... why????? This also happens when i download the link to my homepage, open it with Frameless, or open on different size phones.
1
Javier Eduardo Treviño
Is there a way yo detach a layer from the new automatic hierarchy.. it's great although for a specific layer I want it to act independently from the items in my prototype
3
Juan J. Ramirez
Hi. I noticed that the preset artboard sizes don't match the device preview size. For instance, Apple Watch 42mm Artboard size is 312x390 but the preview size is 156 x 195. Is this intentional?
1

June 03

Tang Muchao
Hey Framers! How to make smooth transition between a circle and a square in Framer? I create a square and tweak the borderRadius attribute but there are 2 issues, one is that there is no transition animation between the 2 states, and I could not find a way to cycle the 2 states. I also failed setting "element.style.borderRadius: 4" when playing around with states. Any advice appreciated! -btw this animation is made by Principle
2
Nathan Wright
Few questions about the new design mode: 1. Can you not create groups? Would be good to group elements together so you can vertically center a group of elements rather than just one.. 2. What's the best way to animate between different artboards? I've seen this module for sketch, but not sure it'll work with Framer design https://github.com/awt2542/ViewController-for-Framer 3. Has anyone been able to update text with code in text layers created in design?
4
Grzegorz Róg
Hello Framers! 🔥 I posted my first article & tutorial on the new Framer ❤️️ Please do let me know what you think!
4
Nikolay Berezovskiy
Spirit of Framer at the Moscow Dribbble Meetup again ;) Grab stickers on the second floor russian mates.
0
Javier Eduardo Treviño
hello guys, is it possible to have two flow components? .. I want different sizes, one for my general navigation and another one for an auto-generated flow.scroll
1
Adam Mazurick
Ok, so far, I’ve worked all day with the new Framer and it’s really sweet. The product strategy is brilliant and it makes Framer and (coding generally) more accessible to designers. That’s a huge plus. At my company, I’m the only designer and proud advocate of Framer. Initially, people were like “wtf is Framer?!” Now Stakeholders love it and we can’t imagine our company without it. Our hiring descriptions in my department now request that Candidates have some experience with the product. It allows us to test and validate our ideas remarkably quick. It responds to my need as a Designer in very intuitive and thoughtful way. It will remain my weapon of choice for mobile prototyping. I must admit, the new design mode is a little ‘foreign’ to me. For example, if I create a layer in code mode, I expect to see it represented in the design view, but it’s not. Whereas if I create the layer directly in design you can see it reflected in the object hierarchy in code. It’s weird that stuff I create in code-mode isn’t visible in design mode. Moreover, the convention of relabelling a layer for the purpose of targeting is … interesting but weird. I’m sure over time I’ll become accustomed to using design-mode`…but Sketch(as of now remains my tool of choice). Having said that, I’m about to ask what may sound like a silly and arguably subjective question. If I build my prototypes programmatically, not using design mode, but rather dragging and dropping sketch assets into my project…and then I toggle to Design Mode, it’s a complete empty state…Is that ok? Would I be correct in assuming that if you’re workflow doesn’t involve the new Design feature whatsoever, Prototyping in Framer remains largely the same as it did in v89?
5
Luis Ricardo La Torre
This is my submission for the WeWork Creator Awards. I made the prototype with Framer VR Component with Figma. If you are curious how I pulled this off, let me know I might make a separate video to explain! Wish me luck! Feel free to check my YouTube Channel bitly.com/LulatoYoutube
0
Elena Stoyanova
Hi everyone! In a few days, this community will reach 20,000 members 🎉 You’ve helped everyone, from newbies to total pros and you’ve been the backbone of Framer. In order to mark this milestone, we wanted to celebrate your amazing work. Feel free to post your favorite Framer-made design with #Framer20k. We’re giving away an exclusive Framer swag pack (branded crewneck and Moleskine) to 3 winners. Oh and your next Framer upgrade will be on us!
4

June 04

José Fonseca
Hey guys! I'm trying to do a bounce animation on a bell, like this one: https://cdn.dribbble.com/users/656834/screenshots/2271793/.gif Any suggestions how to make the bell bouncing?
3
Toby Bridson
Stupid question maybe, have the new Framer 9.0 and I'm simply trying to move from design Artboard 1 to Artboard 2 in the design view on event/click. I'm supposed to be using flows I believe but it's not working for me?
2
Andréa Delre Landrieu
Hey, how can I fix the width of "Status Bar" from ios-kit ? statusBar.width = Screen.width doesn't work Thanks !
3
Josh Goodell
Got a question. I'm on the Framer trial and experimenting with the onboarding project. In the screenshot, is there a way in Code to write the functionality of the back button only once? Instead of having to target 'back' and 'back_1'? The layers in Design are named the same but I can't change it in Code. Seems like there should be a way to identify re-used elements and have them behave the same across artboards.
2
Aravind Ravi
I'm working on a text highlight interaction. In this prototype, is there a way to change the background color of the selected text alone? https://framer.cloud/emyAW
2
Artyom Avanesov
Hey all, I created a concept music player app using Framer Design. I was able to design the layout using Framer and used Sketch to create the icons. I have two questions; 1) when adding an animation delay, the animation becomes sluggish. You notice it when you swipe through the songs. Without the delay the animation is smooth. Is there a way to fix this? 2) I've been trying to animate the currentCover transition using: currentCover.animate image: songScroll.currentPage.children[2].image This doesn't seem to work. Any suggestions? Thanks.
7
Jithesh Ramesh
I am finding it extremely hard to get the scroll to work with FlowComponent. I have tried to make the child layer taller than the art board height but no luck. Anyone else having the problem? Is it a bug?
0

June 05

Gabriel Liberman
Hi there, I’m trying to build an interaction where buttonA gets clicked and popup window animates down (want control where it animates down). I used to flow but it’s not complex enough, I guess it's something on onClick trigger some kind of animation. Any help will be greatly appreciated.
2
Madhu Rajanna
Hi Everyone, I am working on a prototype similar to facebook friend request where I can swipe cards and on tapping a view profile the card expands full screen. I have a basic scroller using page component. I want to understand how to construct sketch file (layers) and also any tutorials/resources.
2
Park Esthet
Hi, framers simple question. I am having a problem with declaring a variable in sketch layer. I also wrote logo = sketch.logo but it didn't work. How can I solve? Thanks!
3
Jakub Jaszkin
Dear Frameristas! I have a problem with a loop and targeting objects inside. According to some answers in this awesome group I've made an array to store elements, but I still have an error, when I make an event listener inside the loop... Problematic part of the project is here: https://framer.cloud/DpOll/ I want to achieve certain animation of "thing" when "button" is clicked. I will be grateful for any kind of help! :D
2
Salvador Valle Vargas
Hi everyOne. I Think that the VRModule doesn't work properly on the new version. Please Jonas Treub, you're my only hope.
2
Salvador Valle Vargas
I just wrote a post (trick) about VR prototyping in Framer. This time is about to simulate depth and distance using the parallax effect. At the moment only works properly in Safari and in the Framer's viewer. Maybe someone can help me to fix this. Please enjoy it.
0
Marie Schweiz
troubleshooting with jekyll, hei everyone, I would love to know, are there other jekyllfans here? because i'm one and framer has trouble being embedded in jekyll. Jekyll seems to recognize missing files which aren't indicated as error in framer studio. attached a few example images, case is: working with jekyll requires generating constantly static html files and saved into a folder which can be publicized and delivered via local host or github repo (thats why jekyll)... in the process, jekyll seems to miss something from "vekter", which seems to be related to svg's graphics. I had an svg before and switched to integrated icons. Anyway, since i didn't use the svg file anymore, framer seems to cause trouble for jekyll and I cannot find a way to fix it. (console does not give me a warning at all) highress image: https://www.dropbox.com/s/ymnkajo0hq08p6x/Framer_Bug_001doc_MS_missingfiles.pdf?dl=0 suggestions anyone? This is somehow crucial to my workflow because jekyll is important if you like to deliver framer in secure environments.
0
Ramy Majouji
Is there a Slack team for this group? Could be a good way to share work and ask questions. Edit: it's here. https://framer-slack-signup.herokuapp.com/
1
Martin Halik
How to add more icons into Framer Design?
1
Orfeo Chen
Is there a way to change texts (not TextLayer) in code, which are created in the Design interface? I checked the code Framer generates, only to find a horribly deep hierarchical DOM structure.
1
Arved Baumgärtner
hey frameristas, i'm looking for a material design ui kit that is built in the new framer design environment. can anyone help?:)
0
Hamish O'Neill
Hey gang, wondering if it was possible to target layers using variables. I want assign events to a bunch of layers without having to manually code actions for every nav item. Something like the attached. In PHP I used to use eval() to do this. Thanks in advance...
3
René Galindo
Is there an iOS UI Kit for Framer Design yet?
5
Adam Mazurick
Got artboards set up at 1242 x 2208 in sketch. Best way to set this up in new framer? Reducing scale in sketch to 414 x 736 creates a blurry project
0
Ryan French
This sounds super simple but I'm getting stuck. If you had two different screens you had designed in the framer design tab, how to go from one artboard to the other?
1
Sam Lillicrap
Does anyone know why when I import a sketch file, some groups show their nested items and some do not? Basically everything shows it's hierarchy - except for three groups nested 2 layers deep
0
Martin Halik
Any ideas why this happens? Some days of calendar got clipped. ... here is a full prototype. https://framer.cloud/MgTJs
0
Stefano Ferraro
Hi guys, I have a problem. Yesterday I bought a one year framer license but something happened. My card has been charged but I received nothing from framer, like if i never paid. I've already sent two emails to the support team but I still have to receive an answer. Shit like this never happened to me.. and it doesn't have to happen actually. Is there anybody here that can recommend me what to do?
2
Steve Ruiz
Inspired by a question from Aravind Ravi (and following a tip by George Kedenburg III) here are some example functions for working with styled text and hyperlinks inside of a layer. They'll work without any modules.
1
Richard England-Lee
Hi! Has anyone ever created a product carousel which has arrows either side that allows you to scroll through the pageComponent? Thanks!
3
Grzegorz Róg
Framers! I made a iOS UI Kit for the new Framer. 🔥 You can grab it here https://learnux.io/framer At first it was a personal project but I hope you can make use of it too. I still work on it so if you have any request or want to contribute - let me know!
6
Chris Skiles
So does the new version not have the sketch import function? I have a project I'd love to mock up in framer, but half my comps are already done in sketch. Update** I found the import option, but it's always grayed out. Ideas??
3
Brent Riddell
Made a quick interactive WWDC 2017 keynote bingo in Framer today, play along and enjoy WWDC :)
2
Stacy Ray
Anyone have hacks for getting click events to work on a Windows machine? My client is using Chrome 58 on Windows 10. I do have the "touch screen" code implemented. I've test it myself on a virtual Windows machine and it's working ok. But still not working for my client. Any other potential solutions here that I'm missing?
1
Dan Freeman
What is the best way to embed a pageComponent inside a flowComponent without it overlapping and staying on just one slide?
1
Sergey Voronov
https://framer.cloud/lBhWh Why child mouseOver triggers parent mouseOut event?
1

June 06

Koa Metter
Excited to dig into the new design feature! I'm curious if there's any plan to create a tool within Framer's GUI to define a custom artboard size and associate a custom device template. (Example, designing and previewing in a Samsung S8.)
2
Yi Yuan Ming
Hi everybody,How to learn this software
1
David Trang
Is there a way to mask a bitmap image in design mode?
1
Wendy Lim
Can't seem to get this animation to trigger on click event inside this for loop. What am I missing here? for count in [1..8] answers = layerGroup["Answer" + count] answers.states.add start: {y:640, opacity:0} answers.states.switchInstant "start" answers.on Events.TouchStart, -> answers.animate properties: scale: 1 curve:"spring(200,15,0)"
2
Evgeny Grigorev
Hey, guys! )) Any ideas how to animate elements on curved endpoints route? 🤓
2
Valery Bella Mariti
This screen pops up when I try opening my framer file, does anyone know what to do?? After clicking the Relaunch option, it goes away and goes back to the file select window
0
Richard England-Lee
Hi! Im trying to grab the text from this input placeHolder property and insert it in to the text property of another layer.. The way i'm trying isn't working. Does anyone have any ideas? Thanks!
3
Chris Skiles
How do you change text color?? I tried label.color = '#fff'; with no success. Background color does what it's supposed to though.
2
Eyal Zaidman
Issues while viewing prototype on mobile. Some info: 1. Prototype is a mock-up for a full app (several screens with transitions), many layers in some of the screens 2. Prototype is large (many modules and assets): about 9M 3. Works great when viewed on a laptop 4. Takes ages to load on mobile, sometimes requires multiple trials to load, and when finally loaded - "disappears" after couple of seconds... I've spent most of the day to do performance optimizations for the mock-up (lazy loading of screens, re-using screens, destroying removed screens etc.). This helped, but now, because I use lazy loading - assets are taking some time to load - which makes the mock-up kind of unusable... Also - trying to "download" the mock-up to my device failed every time (stops at 15%) Any ideas?
0
Jesse Brack
Within the new design tab, does Framer have any layouts/guides/grid overlay options like you would find in Sketch/Photoshop? I've combed through the app and docs but don't see anything.
0
Laürici Dumitru
Question: Is there any reason why the Pixel resolution is set in dp (411x730 - which should be 731 btw ) in the prototype preview while the screen.width remains at the 1440x2560 Pixel XL resolution? I can understand it might be better to use dp in the interest specs. However, I'm having issues with the prototype on a Pixel device because the png assets just get scaled up and blurred to fit the Pixel 1080x1920 screen. Right now I have this workaround where I just save the PNG assets in the max rez and shrink them in the prototype.
3
Dan Freeman
Is anyone having issues with something that is clipped in design getting out of layout when putting the contents into a scrollComponent? Right now I have a border clipped around some content and when I wrap the targeted content in a scrollComponent, it does add the effect but it starts it in the middle and everything is squished together instead of looking how it was designed. Thoughts?
0
Andreas Koutsoukos
In the v90 version what this icon mean?
1
Florian Kall
Hi guys. I have a loading screen in my prototype. I want to show it for 4 seconds and then trigger flow.showNext() Is there a solution for that? Something like a wait command.
1
Andrew Liebchen
I threw together a Framer prototyping environment that allows you to write JS and use your own code editor. Read about it on Medium:
2

June 07

Jay Buangan
Not sure if this is a known issue but I'm using v90 and latest version of MacOS. When I click and hold on the green split screen button for the device window, the OS shows the split screen that you want to drop it in. When I try to drag it to one of the sides it fails, but now it's stuck in this split screen mode and I can't seem to get out of it. I've had to hard reset my Mac every time. Any help with this?
0
Adam Mazurick
AR Kit looks epic
4
Chris Boy
Hi, in the new framer text appeared bigger in framer than on the device. HELP! :)
1
Neil Everette
I can't seem to paste a hex value in the color picker. Is this a bug in design mode?
4
Vigneswar Raj
This happens when I try to design with framer. With sketch no problem. Any tips to solve this.
2
Johann Kasuch
Does anyone have experience in using a proximity sensor with framer?
0
Joel Smith
I'm trying to create an animation where I have several dots on a map, and over a few seconds each dot scales up and then returns to it's default state - Starting with the furthest left dot and finishing on the right. My initial idea is to have an invisible layer animating left to right, then having the dots change state when their x position matched the invisible layer. but I can't get that to work. Any pointers or examples of something similar? Thanks!
6
Jordan Robert Dobson
Hey all! I'm adding some enhancements to my InputField module and wanted you to test it out before I push out the update. http://share.framerjs.com/h1g10owolwok/ The idea of this one is you can update your avatar with a photo from your camera or camera roll. One issue I know for sure is that it doesn't work in Studio, only on your device or browser. Let me know if you find any others.
8
Leo Cavalcante
Is there a way to access the front camera on iOS/Android without using the input file? I mean, to open the camera directly as soon as i click on the camera icon
1
Eric Wyman
Looking for some help with conditionals. Want to check/uncheck options and then show/hide the corresponding elements and position based on how many are selected. The order of them is not critical. I've started a simple prototype to the point where I am comfortable. And attached two images to show the desired finish state. https://framer.cloud/DwvKt
4
Joe Puddle
So started playing with the new Framer Design tab. Am i being really stupid or is there no ruler function?
2
Kasper Germann Kramme
How do I add something that I have created with the new Design function to a PageComponent? When i use the addPage methode the layout gets messed up.
1
Artyom Avanesov
Hey all, is there a way to turn a Design layer into a PageComponent or can you only create new components in Code? Thanks.
1
Tengyin Hu
Hi framer friends! I need a little advice or stating point on how to prototype a similar interaction like Dyson app, multiple cards that overlap each other, also have ability to follow the scroll direction to reveal/hide the card content.
0
Danaan Clarke
Why doesn't this conditional work? Trying to get it to toggle between red and blue layer = new Layer layer.onClick -> if layer.backgroundColor is "red" layer.backgroundColor = "blue" else layer.backgroundColor = "red" print layer.backgroundColor
3
Steve Ruiz
Working on complicated multi-layer animations. Those header scroll transitions are all about the fine tuning.
0
Ban Nguyen
Hi everyone, I have a ScrollComponent (B) inside another ScrollComponent (A). Both are scrollVertical. How do I ignore the scrolling (A) while scrolling (B). I couldn't find a solution. directionLock doesn't help. Thank you!
0
Inês Borges
Hey! I'm having struggle on the scrolling part of my project. My scrolling area is a layer of stacked cards. I want to do a special scrolling. Like when i scroll up I want the cards to go up and stack on the top, and when I scroll down I want the cards to go down and stack on the bottom. any ideas how can I do that or what functions can be useful to me? thanks a lot in advance
2

June 08

Benjamin Parisi
Hey Framer folks. Been using Framer for almost three months now and have been loving it. I finally ran into something I could not figure out how to do. I need to be able to tell the color of a pixel at a given point on the screen. Basically I'm trying to make a color picker. Seems like the 'Canvas' in framer is not exactly the same as the traditional HTML5 Canvas tag. Any ideas?
2
Felipe Grinsztajn
Hi, how can i export in PNG @1x, @2x and @3x the assets made with the Framer design?
1
Rafe Chisolm
Have a security question. Does anyone know if there is a way to way to set a proxy ip address within Framer's settings?
0
Aalok Trivedi
Awesome job on the update, and I know this is just the beginning, but I thought I would just get this out there. I won't get into the glaring problems and feature requests with the design-mode many people have already mentioned (sketch import and coded layers not appearing in design-mode, editable sketch import layers,textLayer editing, etc...), but there are numerous nitty-gritty details that are missing in the designer and code->design editor. These may seem frivolous and trivial to non-designers, but these add up over time and start to become annoyances. If enough of these annoyances stack up, it may be the difference between using and not using the feature (which still might be ok and expected). And If you really want designers to use this as a design tool continuously, these small details make a huge difference. It's all about easing precision and workflow. I know you're probably not trying to take over Sketch (???), so it's unrealistic and stupid to ask for ALL sketch features, but... Here's just a wishlist of small enhancements I want to see (from a design tool perspective): - Stop starting fills at 50% - Scrubbers and steppers on the property inspectors, a la Sketch. It gets annoying to either type it out if I only need to change the value by 1-2. It'd be great to not always have to do this through the artboard/canvas https://screencast.com/t/mTqMFeySQyIj - Ability to decrease width of layer panel - Tapping on target icon should create AND delete code targets. Right now you have to right click to delete a target - Ability to save styles (I know, a bit more of an undertaking than the rest) - More zoom options/Ability to free-zoom - Ability to show/create rulers, guides, and grids - Being able to also see/select layers in an dartboard by clicking on it on the layer panel instead of having to click on the canvas to reveal layers - Smart grouping (???) If I group 2 layers together, but then make a change so now the content is bigger or smaller than the original group, I would like to have an option for that transparent rect to resize to fit to group. I'm sure there's much more, but this is good for now. Looking forward to see the next enhancements of this awesome product! Keep up the fantastic work.
0
Raje Punsalan
So I finally bought Framer Studio! Quick question, has anyone used the new Fluent Design components from Microsoft? Any examples?
0
Henry Latham
I've managed to wrapped a scrollComponent around my horizontal list, but no scrolling. Any help?
3
Eric Parren
How can I set a custom device to be actual pixel size?
1
Pradeep Siddappa
I can see we can't export the artboards in design tab of framer to pdf or any image formats. Does anyone know if there are any alternate ways to achieve it. ?
0
Aravind Ravi
I have a layer with html like this. Is there a way to dynamically use a query selector to select the span element and add a click event to it? layer = new Layer html: 'This text is <span class="myStyle">Styled</span>'
5
Ray Yip
HomePod Animation just for fun
1
Inês Borges
hey group! why is that if I use FlowComponent and put flow.showNext(screenA) the screen dragging is enabled?? I dont want to the dragging to be enabled on my screen. Thanks in advance
1
Sascha Michael Trinkaus
Hey guys. Great job so far on the new Framer. I'm running into one big issue. Images that are copied and pasted over from Sketch are NOT showing up on Framer.cloud. I needed to export them as standalone images from Sketch first then rework them into the prototype for them to show up there.
5
Inês Borges
Hi guys! I'm having two problems. 1) when I drag my pile of cards up or down, ALL the content of the screen drags up or down... i just want to enable the dragging to my pile of cards, how can I do that? Shouldn't I use the FlowComponent? 2) when i tap on the card_1 (the first top card) I want it to go to the screen B. and it does. but when I click in all the other cards it also goes to the screen B and I don't want that. I just want to enable the tapping on card_1. Is anything wrong with the hierarchy?
2
Maik Major
hey everyone! Is there a way to disable the black semi-transparent overlay that comes automatically with eg. flow.showOverlayTop or similar? I can't figure out how to access the overlay layer...
0
Daniel Remes
Hello Everyone, so happy to start learning framer. Im wondering if any of you acctuallt get Mapbox to work with Framer? I have followed all instruction but doesnt get it to work? Anyone that can help you? :)
3
Mayank Sagar
Hey guys..Needed some help.. is there any way that I can get vertical scrolling to stop for a card at different points on a screen? So basically I want a full screen card to stop once at 10% of the screen height, then at 50% and then at 100% If anyone can point me to an existing example, that would be really appreciated as well! Thanks!
0
Joe Puddle
When in the design tab mode is there any way of putting groups of elements in folders? This is killing my OCD.
0
Henry Latham
My Page Component isn't working now it's nested within another element. Any help appreciated: https://framer.cloud/kAdaR
0
Yuval Keshtcher
There is increasing demand in the market in companies such as Apple, Dropbox, Google and more for user experience writers. (UX writers) But why? Well, our digital products have a story to be told. Sharing it with our users could give us better conversion/retention results. Join our UX writing group, it's going to get legendary. https://www.facebook.com/groups/microcopy/
0
Rúnar Guðbjartsson Jr.
Hey Framers. Anyone having trouble mirroring their projects onto the the Framer Preview app? I have my project open, on the same wifi but the Preview app doesn't seem to find any Framer Projects. Any ideas?
8
Joshua Tucker
Hey all! Is there a way to override automatic hierarchy? Not intuitive when creating scrollable elements :).
1
Inês Borges
Hey group! The thing is: I have a cards_stack and the children are card_1; card_2; card_3... And I want to tap on each card and for each card appear a different page. But the problem is if I click the card_2 it appears the page that should appear just in the card_1 and if i click the card_3 same problem. How can I solve this? Thanks in advance.
1
Gláuber Sampaio
Hi! I've been trying out the new Framer for real and I faced a problem I thought it shouldn't exist, which is: when I create a text layer on Design tab it should be a real TextLayer on Code tab. This is not how it works right now. Any advice of what to do in this case? Thanks. :)
1
Inês Borges
Hey guys! I'm new to Framer. I want to add blur to a specific area of a picture. can you tell me how can i do that? I'm not able to crop the picture too (to eventually add blur to the cropped area). Thanks in advance
1
Angie Marie
Hi all - I did a search, but couldn't find an answer. I need to make a quick tree diagram that allows the user to collapse/expand sections (similar to a folder structure with collapse/expand arrows on the left). Any thoughts on how to best approach this?
11
Colin Honigman
Hi. So I'm relatively new to Framer, but I thought the artboards were supposed to become scrollable if larger than than the display screen. When I create an artboard and add to a flow component, it truncates the artboard and it doesn't scroll the whole artboard. I have a fairly complicated flow I am making and it involves several sketch imports, so I'm not sure if something else might be causing the issue. Any help appreciated. Thanks!
0
Mike Feldstein
I've been talking to a lot of people about using 3d models and scenes inside of Framer. Here is a super simple example of using ThreeJS and GLTF inside of framer studio. There is a GLTFLayer that you can use with a path to a GLTF Model. It also shows how you can create and animate your own 3d geometry using Threejs primitives. Edit: Here is a version that should work with GLTF and OBJ, also with hot new framer 3d assets: https://framer.cloud/dxfTn Original: https://framer.cloud/qCdLW AMA
9
Jeff Young
Hmm, so I got a new MacBook at work and now can't activate Framer because it was on the old one. Can't email [email protected] because "recipient's mailbox is undergoing maintenance and can't accept messages now" Any suggestions?
1
Benjamin Den Boer
Swipe, swipe, swipe! 3 artboards, 15 lines of code. Only in Framer. ⚡️🌸 On Dribbble: https://dribbble.com/shots/3547588-Pages-Android Open in Framer: https://framer.cloud/download/signed/JkYOY/2/?studio=1
1
Cédric Magnin
Big problem, I don't know if you ever had this issue. Sketch 42 and Framer 92 opened, on my macbook 10.12. Framer file with Sketch imported. As I hit upload to send my framer project to Framer Cloud, the OSX loading wheel appears, my framer code wipes out, and nothing uploads. Worst, a lot of files from folders around my project (sometimes 4 or 5 folders up) are deleted. Not trashed, deleted ! Glad I always work in my Dropbox folder... It happened twice today, on 2 different computers, with the same configurations. Any idea ?
0
Mike Johnson
Today I'm super excited to announce a new 2 hour long course at FramerCasts aimed at beginners getting up to speed by building a clone of Instagram! Starting from only 3 screenshots of the app we will build up a working prototype. We will build a basic level walkthrough, slowly adding content and features as we introduce new concepts. We will learn HOW to learn Framer. We will follow along a workflow that you might encounter if you were building this on your own, which will sometimes lead us down the wrong path. We will have to figure out how to solve problems in different ways, introducing new resources as we encounter more problems. It will be at a reduced price for a limited time while more content will continue to be added! The course will still work with newer versions of Framer, although some of the editing in Sketch could have been accomplished in the design view of v90.
1
Abbas Baig
Has anyone else encountered this problem?
2

June 09

Benjamin Den Boer
Hey all! Here’s one of the examples included within our welcome window. With only two artboards and clever usage of states, you get this smooth, layered transition. And best of all — it has only 30 lines of code. Easy peasy! 🐢😁 On Dribbble: https://dribbble.com/shots/3553110-States-iOS In Framer: https://framer.cloud/download/signed/Ikqsw/1/?studio=1
1
Koen Bok
I'm looking for an intro to designers at Snapchat. We're in LA next week and would love to drop by and get to know the team. Can anyone help?
2
Nathan Wright
Anyone know how to get custom fonts working in Framer cloud/mirror? Using a google font, works on my machine but nowhere else
1
Ryan French
Hi guys, I wonder if someone could advise me on how to make the following flicking cursor idea? Any framer examples or docs would be really helpful. Many thanks
4
Valery Bella Mariti
Tried this for the Instagram like animation but now the size is smaller than I set it to be
9
Andrew Liebchen
Howdy! Awhile ago I posted an module I built that powered React-style application state in Framer. Since then, I've used it for a few prototypes and made a few improvements to the API. Get the module on Github and read the original explanation here: https://blog.framer.com/react-style-state-machine-for-framer-e1c4e7032e65
4
Ah Kei
https://framer.cloud/GRZRu hi guys, I create four layers. i know how to move from top to bottom, and left to right. but how to move reverse mode?
3
Emin İnanç Ünlü
Is there any way to use the new smart-positioning or auto-layout feature in code?
1
Jaco Otto
Hi, I was hoping someone can help me, I want to launch an animation once when a video reach a certain time in Framer. I have some code, but it keeps executing the same animation after 2 seconds until the end of the video. How can I trigger the event/animation only once when the video reach 2 seconds? I want to trigger the event only once, when the video reach 2 seconds. here is the project. https://framer.cloud/yztIJ
1
George Kedenburg III
Update: prototyping with the camera in Framer is VERY FUN
11
Danaan Clarke
I'm using Jordan's input field (which is awesome, btw), how would I make it so when a key is pressed, the value updates? I see onBlur works, but layer.on Events.keyup isn't valid.
4
Eric Torleiv
What do I do if I actually WANT to stretch an image? No matter what you set in design mode, it will be overwritten to resize with constrained dimensions. I get it that's the more common use case, but I need to stretch my image to exactly fill its parent, not clip it. Can this be done?
1
Jesse Brack
Anyone know how to find out the default animation settings on the Flow components transitions?
0
Joshua Pekera
We had several people at the recent Framer Sessions in SF ask about resources to learn more about using Framer. I have been using Designers.how for a while now. It has a lot of resources to learn all of todays modern design and prototyping tools. They just released 5 episodes dedicated to learning Framer. I highly recommend checking it out and taking advantage of all the other courses they offer. Hope this helps all you designers who want to improve and take your design skills to another level.
2
Dan Freeman
Is there another way to create an overlay without using a flowComponent? I have a layer that starts off outside of the canvas and on a click event it moves into focus and I want to have the overlay effect on the content behind it.
4
Dan Freeman
I am trying to get a layer to move to the location of each child when clicked but its X value isn't changing. I also tried changing the layer.x to index.x and it didn't work. Mike Johnson has a video in FramerCasts using this method but for a different result which helped get me this far but now I am stuck. it may be worth noting that this is inside a scrollComponent? What is missing?
4
Sergey Voronov
Any ideas how to fix flickering problems when you are changing the source of picture? It happens only if I run on device or from cloud. If I run in studio or in browser locally, its fine. Images obviosly are loaded, cause i am looping through them several times. https://framer.cloud/qHsjX . I know I can have just 2 layers in this case and loop visibility of them, but it will not help me in my project where i have like 5-6 image sources for one layer depending on condition.
5

June 10

Naim Hajee Sheriff
Will there be proper video tutorials from Framer for Designers? Right now it's 90% code and I have no idea where or how to start.
10
Ankit Joshi
Just out of curiosity... Is there a reason why the default fill was chosen to be 50% transparent?
2
Michael Boswell
I love Framer, and am excited the product is moving towards owning both design and prototyping! However, there is one thing that is rudimentary to the design experience that holds me back from using Framer for design: Iconography. While I would love vector editing, I'd be happy with just being able to upload the 300+ icons I've crafted for our app (as SVGs so I can scale them and change color). Anything in the works here? Love the product – keep up the awesome work!
1
Liv Kao
Hi guys, I'm a robotics UX designer and recently drafting documentation of robot interaction model, just out of curious if anyone has using Framer for conversational UI design? How do you present the mockups of voice user interface? Links to practical examples or recommended code? Thanks :D
5
Jonathan Zazula
Has anyone been having issues with fonts not being displayed on your mirrored device?
1
Hector Jaime
Hi everyone. I'm trying to prototype the following: paste a list of emails and names into a input field and have it automatically formatted into a list that just keeps names and a way to edit or delete them. Also, highlights invalid emails as well. Similar to cutting and pasting a list in the "to:" field in inbox or gmail. Any examples of how to do this? I can probably fake it with images, but wants to see if there's a better, more realistic way to do this. Thanks!
1
Giles Perry
I’m using Jordan Robert Dobson's InputField module. When the input field gets focus I want the text in the field to be highlighted. Any ideas how to do this? I use inputLayer.input.focus() to give focus to my input field but how do I select and highlight the text value it contains? I’ve tried inputLayer.input.setSelectionRange(0, inputLayer.value.length) but this doesn’t do anything.
8
Abenezer Mamo
Hey Framer community, I'm facing an issue with Framer Design where if I do CMD+Z, it takes me 9,000+ steps back instead of 1 step back. It's so frustrating and I'm not sure if this is an intended feature or i'm just a bad user haha! Thoughts? Tips?
3
Sergey Voronov
Anyone actual done some samples with implementing playing notes via standart midi in safari and framer, or maybe using jazzplugin? Interested to see real samples, thanx
0
Johannes Kempf
Hey guys, I'm facing a problem with the new text layer. I defined a border for the text layer, which is also correctly shown while the default text "Hello World" is used. As soon I overwrite the default text with text: "…" the border disappears 😔 Any ideas? Thanks for your help!
0

June 11

Matthew Barton
Is there a way to stagger the animation of properties during .animate transition other then using .onAnimationEnd. often i want an object to go from 0.0-1.0 in opacity then move to a specific location.
1
Jorn van Dijk
Today, I couldn’t be more proud to announce the launch of Framer Design. Start your projects directly in Framer, using a graphics tools built specifically for interaction work. It has all the familiar features you know and love, but with some special additions. Auto-layout, smart positioning and device-specific artboards. It’s the last piece of the puzzle in our mission to help you design things that feel real. Give it a go and let us know what you think! - framer.com/features
73
John Sherwin
Hey, can anyone help with this? I'm trying to use Material Design Lite in Framer. I've followed the Google Docs carefully and placed the correct code in the head of Framer's index.html file. Then, I tried to create a switch by copying the code from the MDL site into my layers html in Framer Studio. For some reason it doesn't read it properly and renders a checkbox instead. Any ideas why this is happening? Heres the project - http://share.framerjs.com/9oll0lxm2mp0/ Any help is appreciated!
4
Tim Kjær Lange
Having an issue with CameraLayer on Android Chrome: When I load my prototype for the first time Android Chrome uses the front-facing camera. On subsequent refreshes the rear-facing camera is being used. Does anyone know if it's possible to force the use of e.g. the front-facing camera?
1
Ee Venn Soh
Material components — Modular and customizable UI components by Google. Will be able to use the web version for prototype building.
1
Joshua Pekera
Can we change the color of a text layer with a stateSwitch that was created in the design view of Framer? I want to change a text label's color when clicked. I know it can be done easily if it was imported from Sketch, but I'm trying it out in the new design mode.
5

June 12

Eyal Zaidman
Anyone else experiencing issues with mirroring lately? 1. It takes ages for the prototype to be mirrored on the device (almost a minute each refresh). I've tried it in 3 different places (WiFi networks) 2. Sometimes I get an old version reflected on the device 3. The prototype on my iPhone 6s plus device looks a bit different (size and scale) than on the simulator Sierra 10.12.3 Framer 82
5
Masha Markgraf
Hey guys, I am super new to Framer. Just started to play with it. I have a height*2 artboard that scrolls vertically by default but it scrolls off the screen. How to make it scroll in the boundaries of the screen and to make it to start from the top of the screen (now it positions itself below the top bar)
2
Eric Torleiv
Is there a reason why there is no line tool in the designer? Drawing rectangles at 1px width seems like an unnecessarily convoluted workaround.
2
Alasdair Cumming
Hey — Custom fonts which work within the mac app (selected in design) aren't transferring to the Framer mirror on iOS. Anyone got a fix or seeing the same problem?
2
Tarun Chakravorty
Late sunday night n00b question: Shouldn't this function keep calling itself continuously? I see the print command only running twice..
3
Nathan Wright
Flow component footers - what on earth happens to them? I can set them once, I have different screens that require different footers, but when I want to go back I can set them back to what they were. Anyone have experience with this?
1
Salvador Valle Vargas
Another brick in the wall. This time is about navigate through multiple scenes in VR prototyping and multioption submenus. I hope you like it.
0
Benjamin Den Boer
Heya Frameristas! Here’s one of the examples included within our welcome window. Transform three static artboards into a multi-screen flow with ease, and add fixed layers with a single line of code. ✨⚡️ Dribbble: https://dribbble.com/shots/3561082-Flows-iOS Open Project: https://framer.cloud/download/signed/anMsr/1/?studio=1
0
Dmitry Pavlov
Framer Tutorial: How to Create Stunning Interactive Prototypes #Framer #Prototyping #InteractivePrototype #UXTools
4
Blaine Billingsley
is there a way to animate to a *scroll* position programmatically in Framer? Something like scrollTo? Most of the examples use a draggable element to achieve this.
7

June 13

Israel Gonzales
I'm getting into the new version of framer...but the copy / paste functionality doesn't seem to work...is this a bug? Does anyone know of a solve?
4
Julien Stoll
Hello everyone:) We are viewing our framer prototype in the browser. Our artboard has the measures width: 1920px height: 1920px. This is ofc a custom device width that we set directly in framer/coffeescript. The prototype appears in the middle of the screen but we want it in the top left corner at the origin point of the browser viewport (0, 0). How can we do that? Do we have to change something in the css or html file? We appreciate your help!
1
Regi Ellis
Should Framer still being showing the trial limitation messages if you are subscribed to Framer Plus plan. If not, how do you get rid of this message?
1
Krn Rby
Hello guy's I have a quite big issue with the new framer. I don't know why, but for some of my projects, once I close them I can't re-open them. Each time I try to open them I get an error popup saying that something went wrong and let me restart the application and send a report. It is getting annoying since I have now lost a lot of work ( even if I can find back the code by searching in the folder, I can't get back what I have design in framer... and the link between design and code) Does anyone has this bug ?
3
Deniz Basegmez
Is there a way to edit modules within framer? I'm working on a slightly more complicated prototype and it'd be useful to have the layer inspection tools when editing my modules.
8
Carl Bl
Hello guys! Beginner here ! Took some time to try loops and arrays with simple distance calculation. Could you tell me if my code could be optimised ? like merging functions into each others, or simplifying. This would help me to check if I did it the best way. Thanks for your time ! 😎 https://framer.cloud/gqBWa
3
Sascha Michael Trinkaus
Hey all, would love to hear what you think and if you check out the code, leave your feedback on how I can make it better if you have any comments :) https://framer.cloud/sUUEq/
9
Steve Ruiz
This little side project got tricky fast - it turns out that the iOS home screen is more complicated than I thought.
7
Jean-Francois Hector
Rapid mobile app prototyping: React Native or Framer? -- Hello everyone, Does anyone have experience doing rapid mobile UX prototyping using React Native? I want to be able to quickly produce app prototypes that contain logic, work with real data and that a tester in an interview would be able to use without explanation. From your experience, is it easy and fast to do mobile app prototypes using React Native (once I’ve learnt enough about the framework), or would I always be faster at prototyping with FramerJS? I’m imagining that, even once I’m passed the learning curve, prototyping in React Native would always be much slower than in FramerJS. But I want to check that assumption with you. I think that this assumption comes in part because I struggle to find good case studies of rapid prototyping with React Native.
1
Inês Borges
Hey guys! I'm struggling in a thing here. I have a pile of cards. And i just want to enable the card_1, let's say, when I click card_1 it will lead to screenB. But the problem here is: if I click any other card it will lead to ScreenB too!! And I don't want that. The thing I want is different cards, different pages you know what i mean? please can somebody help me in this?
0
Zach Cmiel
I'm trying to add a video layer using this: https://github.com/stakes/Framer-VideoPlayer and I'm having trouble reordering layers. I'm trying to place a layer on top of the video, but nothing seems to be working. I've used the placeBefore() placeBehind() and bringToFront() function
0
Anthony Nguyen
Hey everyone, been struggling to figure out how to check for states on a layer for an if statement. What i'm looking for is something like.. if layer.state == "stateName"
2
Alex Kotomanov
Hey, group mates! If you design for Android, it might be useful for you: https://dribbble.com/shots/3563302-UI-Kit-for-Framer It's Material Design UI Kit for Framer. Download the source file, switch to Design tab and have a look at components there. I will try to add more stuff soon. So make sure that you have downloaded the latest version from the cloud.
2
Jeff B. Léonard
Question re: Imported objects It seems that importing art-boards that vary in height sets the height of scrollComponent.content to the height of the longest dartboard. So switching from one art-board to another i’m left with all the additional space from the longest properties below the current art-board. I tried forcing the height value of ScrollComponent.content within a function, but the height doesn’t set. How can I get around this?
0
Neil Everette
Is there a way to customize the color behind a flow component? I've tried Canvas and Screen, but no luck. When I overscroll a flow component page, I get an ugly black background.
2
Cédric Magnin
I feel stupid... I have a flow, and I want animations on the elements in my pages to load when THIS page is visible in the flow (even backwards). How can I do that ?
1

June 14

Frank Culshaw
Hey! I'm a little late to the party here, so apologies if this has been asked already - but are there any good framer examples out there which make use of design mode? Thanks!
1
Tommy Mayes
Hey guys. Sorry for the n00b question but I have searched high and low in the docs and tutorials with no success. Can Framer prototypes handle text input?
1
Mike Stężycki
Hey all, super dumb question: how can I watch for a state change and then disable interactions? Simply, I have this floating button that has scrolling behaviour but when clicking the floating button, I want to disable that same scrolling behaviour. I've looked at Events to watch state changes, but can't put together the correct if statement 😅 any help would be greatly appreciated! https://framer.cloud/NCPxS
1
Bogdan Mustata
Hi, All! Maybe somebody has an idea on how to do a similar scene in Framer? I need to change the image from the paper in real-time.
4
Bart Simons
Hey guys, anyone having issues with the VRComponent lately? I haven't used it in a few weeks and I just started a project but I can't get it to show in the app (iOS), mobile browsers ( tried Chrome, Frameless, Safari) and even in Framer itself it only works if my preview window is set to 'Canvas'. I just see a white screen in the Framer app, error screen in browsers and in Framer I see a lot of flickering with random colors and it doesn't let me rotate. I can only show it on desktop browsers now while the projects I usually work on are nearly always for mobile phones. I just posted a issue on the github, but was wondering if anyone has experienced the same and has a workaround.
4
Blaine Billingsley
It appears that the animate option in FlowComponent's showPrevious() isn't working. Am I using wrong syntax or is this a legit bug? https://framer.cloud/cYFYK (Clicking to show Previous shouldn't animate, but it does)
2
Adam Mazurick
I’m having a big problem. I have art-boards originally sized at 1242 x 2209 in sketch. I’ve since downscaled the Art-boards to 414 x 736 to make it V90 Compliant. Cool. So far so good right? No…it’s not. When I import via sketch, I get extremely blurry images that are not even remotely consistent with my Sketch file. This is really bothering me and I need help.
0

June 15

Mike Johnson
Just a quick announcement that all FramerCasts videos are now free. If you were ever on the fence now you can watch them all! :)
7
Lukas Lineker
The access code when I click mirror is 5 digits but on the Ios app it asks for a 6 digit code... Anyone else found this? How do you get around it?
8
Maik Major
Is it possible that a textLayer created with Framer Design is not dynamically changeable with Framer Code? There's nothing happening when I try: textLayer.text = "test" When I try: textLayer.html = "text" It works but it resets all the styling done in Framer Design... Any suggestions? Am I don't get something?
2
Richard Fülöp
Hi guys, I'm having problems starting my prototype in fullscreen with no device, or not being small and centered. I'd like to run my prototype from either Framer or the browser, doesn't matter, but even if i present it from Framer, it's always small first (and i have to cmd+shift+d to make it full) or it's completely out of proportions. Any ideas?
0
Oliva Rawlings
Hey! I recall a couple months ago a thread where people proposed different means to have 2 different screens appear on one canvas**, and I've been trying to find it for weeks with no luck, any tips//has anyone done this before//got a link for the original thread? **as in, I'm designing a prototype with both mobile & tablet platforms & I want to demonstrate how actions on one device affect the others without having to show 2 seperate screens... for the demo to feel like 1 ecosystem interacting with one itself....
1
Zach Cmiel
Is there a way to make sure in a Page Component that the user can only page to the next page and not two, three, four etc pages away?
1
Blaine Billingsley
Trying to get better about modularizing common components, and I'm running into this weird thing "Maximum call size exceeded" error when writing getters and setters. What am I doing wrong? https://framer.cloud/qvfFF
1
Aj Chan
Anyone has an idea on the workflow between Sketch and Framer Design? Or they don't work with each other?
0
Richard England-Lee
Hi! So im trying to create my own module... basically i'm trying to create an accordion. What I would like to happen is, when I call a new accordion i would like to be able to set the amount of rows and the text or 'label' within each of the rows... Is this possible? I've attached and image of the code i'm trying but i'm just getting lost... Thanks!
1
Jon Madison
Updated StatusBar module. supports military time, and properly displays non-military time (w/o seconds) https://framer.cloud/HzHyu and on github: https://github.com/jonmadison/iOSStatusbarFramer HTH
0
Abel Quintero
LA folks! Hope to meet some of you tonight!!
0
Sona Solbrook
Anyone know, if i've changed computers, how i can transfer my license?
2

June 16

James Carrick
Is anyone else experiencing problems saving the DESIGN table changes on exit? I have the latest v92 on my MAC and all changes to DESIGN table did not save on exit when I clicked SAVE. So much work destroyed! Please help - would love to hear a workaround. Other than not exiting the programming. ...
1
David Dusanek
hopefully a quick one: is there a way to detect the OS or type of the device I'm runnning my prototype on? would like to build a prototype that switches the statusbar, keyboard etc and runs on both iOS and android
1
Junhyuk Jang
Hello, framer lovers :) This is my first prototype that using framer design. (Thanks Framer team!!!) Just long press to mark. Inspired by Isil Uzum's Scroll Marker Idea. https://dribbble.com/shots/2479061-Scroll-Marker-Idea Please check this URL. (Oops, I missed clientY for mobile. I'll fix it later) https://framer.cloud/MmrXY https://media.giphy.com/media/3o7btPIPXI3BGEZ93a/giphy.gif
0
Riccardo Buzzotta
Hi, all! New day, new prototype: https://framer.cloud/qdHNV I created this super simple cropper class for a camera prototype. And I didn't spend time on creating the best code ever. The problem I have is: why when I interact with the second handle the crop area doesn't get updated properly? Somehow the crop layer doesn't get the new width/height that was set by dragging the first handle.
4
Arved Baumgärtner
I just realized, that device rotation affects the new framer patterns in a way it shouldn't.. I've tested it with the android floating button ;)
0
Nomi Sum
framer doesnt reliably update new elements when reimporting from sketch. manually deleting the import and restarting framer, then import again helps. but i'm still wondering if I do something wrong. any advise? 🤔
1
Maheswaran Manoharan
Hi, In Framer, Is it possible to view the screen in VR mode (split screen) and putting the mobile in VR glasses, to experience 360 views.
1
Alvaro Lourenço
Is there a way to prevent/cancel drags from inside down/drag events?
2
Sergey Voronov
next London meetup on 6th of July
0
Inês Borges
Hey guys! Do you know how the make a prototype adjustable to every device dimensions? the tips in this link is not working for me:
4

June 17

Riccardo Buzzotta
Hi guys! I'm working on a prototype for a camera UI (because every app needs one, I guess). I don't understand why I'm having spacing issues with TextLayer in the Framer App on iOS. How can I fix this? Is this a bug? This is the prototype: https://framer.cloud/bGksa
4
Daniel Remes
Hello awesome folks! :) Anyone that can help me look at my implement of Mapbox and see why my map isnt showing up? I dont have any errors :/
2

June 18

Andrew Haas
Can anyone tell me how I can fix this error?
1
Christian Poschmann
Is there a way to get 'right click' to work for desktop prototypes?
1
Chris Alvarez
Is it possible to use Sketch to build "templates" for a framer project? I have a simple group structure and would like to generate N copies of it with the ability to target (add animation states) to sublayers. I can set up states for each copied layer group, but when I try to target child layers, I get "undefined". Thoughts? sketchLayers = Framer.Importer.load "imported/assets" templates = { basic : sketchLayers.plainTextTemplate } allLayers = [] # Create list of 20 items for i in [0..20] newLayer = templates.basic.copy() newLayer.superLayer = tweetContainer newLayer.y = newLayer.height * i # Add states newLayer.states.add responding: {scale:0.70} default: {scale:1.0} newLayer["userFullName"].states.add responding: {scale:0.70} default: {scale:1.0} # Animation Options newLayer.states.animationOptions = curve: "spring(600,30,0)", time:0.75 # Push to global array allLayers.push(newLayer)
13
Scott Johnson
Does text created in the Design tab get the same properties as text created in Code tab? I'm trying to create a selected state that can toggle back and forth between regular and bold text using stateCycle but it doesn't seem to be working at all. Any help would be great!
3

June 19

Giles Perry
Anyone else finding this annoying? In the new Framer text layers are double the size of the text they contain. Previously the size of the layer would have been calculated automatically as 149x20. I've reported a bug but not heard back yet.
17
Stavan Himal
Willing to create an animation of an object moving around another object on its orbit (Circular Motion). Like Planets rotating around the sun. Can anyone help me with that?
1
John Smith
Hi, I am a designer very new to Framer. Are there any examples in the new version for this kind of thing?
1
Richard England-Lee
Hi! My device preview is set to iPhone 7 but the resolution is wrong. Has anyone had this before? Thanks!
1
Cédric Magnin
Hi all ! How do I repeat animations for elements in a for ? On my example, only the last element repeats his animation. Any idea ?
1
Eric Torleiv
So as someone else already noted, text layers created in design mode are just regular layers, not TextLayers. How would I convert them to TextLayer in code so I can use all the handy text properties?
0
Matthew Mang
Hey Frameristas, I tried opening up the old Apple TV settings tile example in the new Framer to use as inspiration for a different prototype, and things are kind of funky. Anyone know what's going on? https://framer.cloud/grBxh EDIT: James Chu solved the mystery of the diagonal crop! But the lighting effect is no longer contained to the tile and moves strangely. Any additional help would be appreciated!
3
Junhyuk Jang
Hi, I have some questions about recognize touch point. Is there any change to Canvas or Screen Frame? I can't make clientX/clientY on mobile devices. This code works well on previous version of framer. Test prototype is here. https://framer.cloud/XqnqW I would like to thank you before I get your help :)
1
Eric Puigmarti
I'm working on a mobile screen with a floating action button. I currently duplicated the button on the two artboards for this flow but it looks weird when the screen animates between the first 2 artboards. Is there anyway I can keep this button fixed from one artboard to the next?
2
Jurre Houtkamp
Today we’re launching Framer Patterns, a collection of pre-made interactions designed to help you hit the ground running on your next project. From controls and gestures to navigation, browse through our library of native-level interactions for iOS and Android. Just download and customize to get started — framer.com/getstarted/patterns
17
Alex David
In sketch my design files are for an Iphone 6 (375x667) What should my import settings be so I can start building out with an Iphone 7 plus as the device? I tried to import at 2x, 3x and 4x but none of that seemed to work. Do I need to mess with the scale?
1
Anders Oscarsson
Hi guys I'm new to framer and this group! Does anyone know how to loop through a bunch of elements with the same name? I'm importing a Sketch document with different artboards and I wanna add an event to a repeated element that exists on multiple artboards and has the same name.
2
Sam Jang
Hey Frameristas! I am currently prototyping an TV app. I am currently stuck as I'm attempting to make the player resize smaller when there is 10 seconds left. My code is as following.... Is there something wrong? :(
3
Matthew Mang
Is this a bug or am I missing something? I'm using the flow component to call my Home screen and a header and footer, but when I make the Home screen taller than 1366 in design view, the header and footer disappear. Anyone know what's going on o_O?
1
Joohee Park
Hi all! I'd like to get a x,y coordinate of text selection like this example : http://jsfiddle.net/NFJ9r/132/ But Framer cannot recognize getClientRect() function. Any idea?
1
Johannes Eckert
hmmm
2

June 20

Luis Ricardo La Torre
Is there anything like Framer to make websites? Let me rephrase: Are there any tools out there with the level of polish on the developer experience to make simple static sites?
4
Jai Mitchell
Am I doing something wrong? Using Framer.Device.screen.width returns the device width in retina equivalent pixels (i.e. 640 for iPhone 5 preview), but my prototype seems to be set in non-retina pixels (i.e. a 320 wide layer will fill the screen)???
4
Jack Hone
Hey, I've been using Bodymovin in Framer for a few days with no problem. However, now I'm trying to use multiple animations on the same screen I'm struggling to point to each animation.. Particularly with .goToAndStop() Anyone have any experience?
0
Lachezar Petkov Petkov
Hi, I have a navigation drawer with a lot of menu entries, and has to be scrollable. It seems like this either isn't possible with flow.showOverlayLeft() or I'm doing something wrong. Whenever I set "scroll" to "true" the layer gets stretched to the screen's full width, and the overlay basically disappears. Also, scrolling down in the navdrawer seems to trigger a tap event that closes it. My simple prototype: https://framer.cloud/FeQdA Is there a mistake on my side, or is this a bug? Thanks!
1
Emily Ellis
Hi! Just started playing with Framer today, and I'm having unexpected behaviors in my prototype. Here's one that is especially confusing me, when I try to add a delay to an animation. I have a bubble (Points1) fading in when a button is clicked, then fading out. With 0 delay to the fade-in animation, the bubble fades in and out as expected. If I add a delay of .1, there is a flickering on the bubble when it fades in, and the fade-out is successful. If I add a delay of .2 (or longer), there is no flickering on fade-in, but fade-out animation doesn't run and the bubble persists. What am I missing here? Thanks!
4
Richard England-Lee
Hi! I am trying to create this pageComponent that scrolls through numbers 1-31 but im having a few problems. First of all I cant get each number to snap to the middle and secondly i cant seem to scroll right to the end.. This is driving me mad! Has anyone got any ideas? https://framer.cloud/MqLGX Thanks!
0
David Cheong
Hi everyone! Just started with Framer and was wondering if I could get some help from the group with scroll components and layers here. Has anyone have any issues with a layer anchoring when you scroll vertically on mobile? For some reason this particular scroll content & layer is popping out of it's parent group whenever I put it in a scroll component. Would appreciate any help/suggestions!
1
Marvin Vista
Hello everyone, I'd like to learn, dive in, and master the current version of Framer. What books, articles, and other resources do you highly recommend?
4
Arved Baumgärtner
hi frameristas, i'm looking for a way to change a window location out of an embedded iframe, without opening another tab in the browser. 'window.open' doesn't do the job unfortunately. is there some alternative?
1
Eric Torleiv
How would I get positioning attributes when using css to layout relative positioned layers? I.e. when using display: flex I can create responsive layouts quickly, but the layer's x, y, width and height are obviously not updated.
0
Ban Nguyen
Hi everyone, I am using input.coffee module. I want user to double click to edit/focus the field instead of single click. Please help. Thanks! https://framer.cloud/aopha/
0
Richard England-Lee
Hi! I am trying to create this pageComponent that scrolls through numbers 1-31 but im having a few problems. First of all I cant get each number to snap to the middle and secondly i cant seem to scroll right to the end.. This is driving me mad! Has anyone got any ideas? https://framer.cloud/MqLGX Thanks!
0

June 21

Joshua Miller
Any success using this: https://github.com/decaffeinate/decaffeinate to export usable code for your projects?
1
Lauren Nielsen
is there a way to disable the macbook/monitor device? When working in the code view its great that my desktop prototype is going full screen in the canvas. But when the link is shared, or mirrored in the browser my prototype is placed inside a macbook. We test a lot of desktop interactions, and placing this in front of the user is very disorienting. I just want to show the design without the device.
2
Tim Kjær Lange
When I create a text layer in the Design pane it shows up as a regular Layer (not a TextLayer) in Code. Is that by design? I would like to be able to programmatically change the text property of a layer that consists of text.
1
Nam Dang
Hi folks, i'm looking for a way to retrieve x/y coord of the element when using flexbox in Framer. The problem is when I push flex items into array and using method item[i].x always return 0. Any thoughts? Link cloud: https://framer.cloud/sXtMu
3
Anders Oscarsson
Has anyone had a problem when the preview browser in framer never stops loading?
1
Sandor Rozsa
Hey Guys, how can I can do this in Framer: the blue pages should swipe only horizontally, the orenge pages should swipe horizontally AND vertically. Any help with a little example is highly appreciated. THX!
3
Brent Riddell
So I followed this guide to using mapbox with framer: https://www.mapbox.com/help/mobile-framer/ the first problem when testing it on mobile is the package is over 50mb so mobile safari freaks out ... altered the prototype a little to use the minified JS library instead of this approach and works again ... but the next problem is whenever you rotate or interact with the map mobile safari throws these script errors at you ... not sure what to do about it ... only happens on the phone
6
Celeste DeMartis
Is there a Framer job board, should we create one?
2
Tommy Mayes
Hi all! I'm quite new, but wanted to shake things up and suggest some alternatives to the cringeworthy 'Frameristas' term I've seen being used for group members/users. Please feel free to contribute to my brain dump! Framesters Framerites Frameos Frappers Frameskis Fros Walder Fraymers Theon Framejoys Framers Basically anything that doesn't sound like try-hard hipster prototyping baristas 🤓
6
Aditya Narayan
Hi guys, I am working on a chat bot, and was trying to dynamically set the height of the chat bubble, based on the lines of text in the message, but using TextLayer.height property is just giving the height of one line. And using Utils.textSize is also not working, it is giving twice the size of font size for the height, so for font size: 14 it is giving 28 as the height. What would be the best way to get the height of the text layer, so I can create a chat bubble from it. Thanks
1
Richard England-Lee
Hi! Does anyone know the best way to make the prototypes responsive? I have an iphone 7 but my boss is using a 7 plus.. Thanks! Rich
6
Marc Krenn
ParallaxComponents-Module Medium: https://blog.framer.com/parallax-6292c10d2be Github: https://github.com/marckrenn/framer-ParallaxComponents ParallaxComponents extends Framer’s Page- and ScrollComponent with a consistent and hassle-free parallax scrolling effect.
7
Julien Stoll
Hi people, framer has the zoom feature in the preview menu. We need to set zoom to 100% but on WINDOWS. Is there a way we can get the zoom feature while using framer on windows? Could I write that in coffeescript? If so how? You would help us out a lot!
1
Emilio Iantorno
help..im a new to framer. Want to make a horizontal scroll navigation swipe from left to right.I have the design ready in framer just the coding part I do not understand..Appreciate the help
3
Cyndy Alfaro
Hola! Would really appreciate some help on this, still in my first weeks of framer. I'm following this tutorial: https://medium.com/@joshpuckett/working-with-svg-paths-in-framer-43d3c2d08adc but get an error as soon as I input the animation code. (I'm Including a screenshot of the error&code). *Long term goal (when i get the svg animation working) would be to superimpose a circle that follows the path of the animated SVG - any ideas on what to look up to achieve this is ALSO greatly appreciated. Thanks!
1
Dan Bartley
Hey folks, thought some of you might be interested in this little infinite momentum video scrubber demo I produced in Framer. It's not well commented at the moment but if anyone is curious as to how it works, ask away.
1
Kasper Germann Kramme
Is there a way to make the background behind the device frame/hand transparent?
5
Matthew Mang
Hey everyone! I've got a small issue going on with getting a grid animation choreographed correctly. My goal is to have the grid load in from the top left corner diagonally to the bottom right corner. I thought I had the correct delay formula in my loop <delay time * (row + col)>, but as you can see in the video link, while it generally does that, for some reason each diagonal doesn't quite animate in at the same time. Also, the delay seems to increase exponentially. Any help would be appreciated! https://framer.cloud/aDTnP
5
Nick Andrews
Hey everyone! Quick question. I'm currently running FramerJS on windows until I get my Macbook Pro. I just want to learn the basics for now. I know that with Framer Studio on Mac you can import a PSD or sketch file and get a JSON file with all the layer information, allowing you to import the PSD into your framer prototype. Does anyone know of a way to be able to do this in Windows?
6

June 22

Michael McKenna
My prototype is totally blurry in Chrome when I share it. Ever encountered this? It presents perfectly on my desktop and was good yesterday when sharing ...
18
Jon Sullivan
Hi everyone! I'm currently trying to create a calculator prototype in Framer. I have an array that holds the values that need to be calculated when the equals button is pushed but I'm not quite sure how to parse the array properly in order to get it to actually calculate the value. The arrays look like this: [1, "+", 2, "-", 3, "*", 4, "/", 5] Is there anyway to do this? Project here: https://framer.cloud/xKKZR Thank you so much!
1
Marcelo Scharlau Coelho
Hi all! Quick and probably easy question, that I'm too much of a noob to solve: I'm using the Camera module on a project and I cannot figure a way of putting the camera layer as the background for all my pages. I've tried "camera.sendToBack()" and putting the fill of my artboards to 0% or 10%, but nothing seems to work. Any ideas?
2
Christian Vandersee
I'm having trouble setting the scrollY property on the automatically generated scrollComponent in a flowComponent. flow.scroll ...returns false, rather than the reference to the scrollComponent I expected. So when I attempt to set: flow.scroll.scrollY = 500 for example, I get an error. the document tree shows a nested scrollComponent (by that name) as expected, and a new one is added under the flow element each time I call flow.showNext() - but I expected that flow.scroll would return the currently active layer. Where am I going wrong?
3
Anders Oscarsson
Has anyone had problems with prototypes being cropped? I'm running it in the browser and suddenly there's a big white box covering half of my web prototype.
1
Daniel Palmer
Hey guys. I'm prototyping a simple app on Framer that is literally built around animations. It would need no database backend or anything like that. This is a personal pet project. If I were to take my framer.js to a developer, would you guys have any idea what they might look at charging for turning it into a proper app? I know this is maybe a silly question, but I'm new to this world and would really love some guidance. Cheers!
2
Ivo Ruijters
I have an array in a scrollcontainer. I would like to align the items of that array to the bottom of the container. How do I align them to the bottom? Also I would like to know how I could push the items in the array up when I add a card. (Couldn't find any good examples to figure this out) https://framer.cloud/GMGOL
0
Mac Pankiewicz
hi y’all, after framer switch to design/code how you’re handling states? I used design mode to create shape, now want to set all those parameters as specific state.
1
Henry Latham
I'm working on an image scroll, but don't know how to set the y-axis to the top of the screen (as opposed to the top of the scroll). Scroll through the onboarding, select one of the images lower down in the scroll and you'll see the problem: https://framer.cloud/eqlIu
0
Stephanie You
Hi, I'm attempting to wrap my Framer project into an Android app using Apache Cordova, and I get the local file restrictions error as seen in the attached image. I know how to bypass the screen after it shows up, but is there any way to get rid of the error screen completely? Thanks in advance!
0
Mas Tsujimoto
Hey All. I'm using mapbox and trying to add a marker to specific lat long points. I have been sent this link https://www.mapbox.com/mapbox-gl-js/api/#marker but an unclear how to add a shape layer onto the map using specific lat lngs. Thanks in advance!
3
Yoel J Gonzalez
Hey guys got a dribble invite, follow me on twitter and send me your portfolio link 🥁😃 #dribbledraftday
0
Tom Lakovic
is this the right place to ask a detailed code question? or is this general discussion only?
2

June 23

Pete England
Hi all, I've just started playing with framer and I can definitely see some benefits to it. The main issue is that I can do most of what I need to in principle - and much faster. I really want to like framer and feel like I should be using it but I can't see it filling any real holes in my workflow given the complexity of setting up basic prototypes. I know a bit of JS but still don't see framer being all that simple. My main question is - how do you guys fit it into your workflow and what do you see the main advantages being? Thanks :)
3
Blaine Billingsley
Has anybody reached a limit on artboards? I'm about to try to make a presentation in Framer Design that's gonna be >100 slides..... want to be sure I don't get stuck. :D I tried 100 blank artboards and that seemed fine, but not sure what performance issues will happen when I add content.
5
Jean-Francois Hector
Does anyone out there use Framer Studio with plain javascript instead of coffeescript? I played with Framer a couple of months ago, then went on to read 2-3 books on Javascript to build my core skills, and now I'm ready to go back to Framer Studio. But I certainly don't feel like using Coffeescript. So I'm planning of writing my code between ''' and ''' so it's interpreted as Javascript. I haven't tried it yet at the scale of a whole prototype, but I imagine that this could lead to problems? Had anyone been successful with that approach, or another way to use Framer Studio with plain javascript? Thanks!
11
Sune Lorem
So, having this problem... First album in the horizontal scroller is active and has 2 states ("down" and "default"), when i press down on TouchStart the "down" states is triggered and goes back to "default" upon TouchEnd. However when I press down and slide of the button/hit area the "down" state stays active... How can I make sure that the button returns to "default" when I'm outside of the hit area?
2
Baisampayan Saha
I was wondering if custom icons can be included in the framer icon library. Would make designing for a particular visual language very easy!
1
Dwayne Tatum
Hello Framers, I'm getting reacquainted with Framer and its new Flow component. Am I doing something wrong or is the "layer that exceeds the width or height of the FlowComponent are automatically made scrollable" completely broken? I'm trying to have a horizontal scrolling menu and i've tested making shapes in the design view that are wider AND taller than the device and no "auto scroll" at all. I've created my own scroll component but then run into layering issues that somehow keep the scroll component i've created on top of everything else! Help!
1
Eric Torleiv
How do I set or change the anchor points of layers in code? Is there a property I can set that corresponds to the pin controls in design mode, or do I need to align layers by listening to resize events?
1
Jon Madison
in the new framer, is there a way to widen the layer list pane? i have a bunch of cut off names in the hierarchy i'd love to see, and haven't been able to manifest any resize bars
1
Victor Kenzo Nawa
What do you use Framer for? (Feel free to add an option if it's not there)
0
Steve Ruiz
Check out this build of @pixbugius's colorful number picker:
5
Eelco Lempsink
Framer Meetup Amsterdam June 2017
7
Valery Bella Mariti
I am trying to create a scroll, where am I going wrong?? HELP
5
Mark Lee
Is there a Framer slack channel? If so, how can I join?
1
Sean D'Auria
How do I make an image scroll in the new framer? Code: scroll = new ScrollComponet size: Screen.size scrollHorizontal: false layerName.parent = scroll When I do this, the image is cropped but will not move. Please help.
2
Sean D'Auria
Can you make a horizontal scrolling component within a vertical scrolling component?
1

June 24

Lisa Costanzo Wilkins
Hi all: I'm trying to have a slight pause between an animation and video playback. In essence, .onTap I'd like the video to pause 1+ sec before restarting. This is my sloppy code so far for restarting, and I've tried adding delay in there in various formats to no avail.. btnX.onTap -> ### this is an overlay animating off page topScroll.animate y: 668 . ### reloading the video to restart it ledeVideo.player.load() ### me trying anything to get a delay :) ledeVideo.player.play( delay, 5 ) constructive thoughts? ty in advance
1
Emmanuel Henri
Still learning #framer ? I go over the basics while building an #apple watch prototype of a choose your own story app
0
Manikandan Kandadai
Has anyone tried capturing timestamps for interactions ? I am trying to capture the timestamp when a user clicks on a specific layer. Any help is appreciated. Thanks :)
2
Mark Lee
Hi, I'm new to Framer. I build my designs in Sketch. Any tips on the best way to import Sketch files to Framer?
2

June 25

Aalok Trivedi
I need advice on whats the best way to approach creating this interaction of having a 'tether' connecting a static layer to a dragged layer after a certain point. I'm sure this is complex, and I'm not very good at dragging interactions yet, but any help would be amazing. I created a proto without the tether here: https://framer.cloud/kJeXT
1
Harry Hutton
Can you modify friction for a ScrollComponent? Similar to modifying draggable.momentum.Options for a draggable layer. Prototype: https://framer.cloud/zyleQ Thanks!
1
Tom Lakovic
Help >> I have an array of button names and dynamically setting the handlers for each in a loop. But when those buttons are clicked at run time, they *all* call the function with the same parameter, not the loop index as i expected, but the last loop index. Stumped. (guessing: something to do with a pointer? how do i dereference it if so??) thx. # note: item1_Btn to item4_Btn are targeted layers in "design" # (ie. they are buttons) subNav= ["item1","item2","item3","item4"] for i in subNav eval(i+"_Btn").onClick -> select(i) # # select = (x) -> print x # all buttons print "item4" when pressed ... wtf?
1
Nam Dang
When creating multiple artboards which contain layers under same name, how do you target layer under specific artboard? Ex: Artboard A and Artboard B both have a layerA. Now i want layerA animate opacity to 0, layer A animate height to 200.
2
Dominik Nowakowski
New to coding, new to framer. https://framer.cloud/jtXGz What's wrong with my code? Especially the search button. When pressing first time it move little bit left, and by second one it works as it is. Question 2. How can I make, when I press LOG OUT it goes back to login screen from overlay left? Cheers :)
3
Mike Paggi
Any plans for better handling of making modules? I would like to make most of the work I do into modules and then make it usable for other projects to import.
1
Sergey Ivanov
Hi, guys! Is it possible to check if ALL the elements inside one array are the same state? For example, i have an array_A with checkboxes and i want the Layer_B changed its state only when ALL checkboxes inside the array_A became unchecked. Layer_B won't change it's state if at least one checkbox in array_A is still checked. Thanks!
2
Karina Kozinsky
Hi, did somebody try to use SplitText of gsap in framer?
0

June 26

张土福
Hello everybody. How to deal with tapping and then moving your finger away to select something without releasing? Just like the 3D touch quick actions on iOS. Thanks.
1
Anders Tolborg
How do you deal with Framer adding 1,3,4 etc to layers imported from Sketch (if they have the same name)? In my case I have a list of similar elements, where I want to target the same sublayer for each element. I have tried to loop through them, but the keys do not match the added number. Example: http://share.framerjs.com/m2n1773oxr49/ How do I target all the buttons?
5
Yuval Keshtcher
The market for product design and prototyping tools is exploding in the last years and it could get a bit hard to follow. Check out my article for the Top 20 Prototyping Tools For UI And UX Designers that are most in use for 2017. Enjoy!
1
Blaine Billingsley
Am I doing something wrong or is overdrag borked?
1
Dave Anderson
How can I create a fixed layer that hovers above a scrolling element? When I create a new ScrollComponent, it goes above all my other layers, regardless of any index I assign to it. Thank you!
1
Jon Madison
Easy color animation example with shifty tweening library:
2
Arved Baumgärtner
Can anyone recommend a view controller module that works well with the new framer? :)
1
Olly Sear
Hey 👋 Im from a developer background and now stepping into design/ux... Im very excited to see what I can achieve using Framer! Just spent the weekend watching every tutorial I could find! Looks great!
1
Tom Lakovic
Question: I have a tabbed interface that switches out content in the main content area... I would like to animate that content area from artboard to dartboard to artboard as the tab buttons are pressed. Would I call those 'states' of a single content container layer on the main stage? It would make sense if so, to have a single rect called "content" and then in it's layer properties be able to identify those other layers (artboards) as states. Can a Layer be a State of another Layer? How ?
0
Melvin Eudell Hogan
Does cursor:pointer work with textlayers?
0
Márcio Ribeiro
Is there a property to change the scroll speed when you use mouse wheel enabled = true? I've tried scroll.speed but it seems it only works with the "Framer's default scroll", and this appears to work like a draggable thing, not a browser's scroll. So you have to click & drag to scroll, and this is not the way we scroll on a desktop browser. I can resolve this using a parallax effect on the scroll's content, but I was wondering if there is a better and fast solution. Thanks guys!
6
Christie Gettler Tarazon
Is it possible to use Jonas Treub's device orientation manager properties for a phone that is in landscape mode rather than portrait? I'm able to functionally use the tilt property, but nothing else. For example, I am trying to detect when the phone is laid flat on its back (from a landscape origin position). I assumed this would be heading, but there's inconsistent response to that property with that motion....Any insights would be much appreciated!
0

June 27

Dimitri Kielbasiewicz
Hi Guys. Help my figure out where I went wrong here. I'm trying to create a simple drawer of icons that displays when the user mouseOver the video area. That part works fine. But I also want hover effects for the icons in the drawer. Unfortunately, when you mouseOver the icon (second from the top), that interaction somehow contaminates the state of everything that is supposed to be affected by mouseOver on video area. If I try the same hover effect outside of the video player area, everything works fine (little black rectangle under the player). It's almost like when you mouseOver the icon, the app thinks you are mouseOut-ing from the video player layer. How do I work around this? Thanks!
1
Ray Alexander
I'm running into issues with text. I'm designing in Framer at 375x667 (1x). My images are all 375px wide. I also have a text layer with text at 16px. When i view the prototype on a device, all of the images show full bleed, but my text is very small (im assuming half size?) How do I fix this?
6
Rich Zarick
Here's a sneak peek of something I'm working on - triggering the lights in my apartment with Framer, via Parse via IFTTT. It's ...a bit reckless with the number of linked platforms, but if you haven't seen the maker channel on IFTTT yet, it really opens up a ton of possibilities! Check it out. https://ifttt.com/maker
19
Paul Kooi
Just beginning to really dig into the design tab... If I have one art board with an object like a vector icon or something simple like an oval... in the second art board I have that same oval but I've changed it's color. Is there a way in the code tab to say... I want on a click for ovalA to have a new state that is ovalB with the new color?
5
Cordell Orel
Hello, it's been like months I used Framer and I forgot how to add a hand in the preview. I've just subscribed to v94 but can't find mockup with hands. How do I add it, please ? And I feel like there are less tuto, anyway...
2
Alexandre Lordelo
How can I import vector assets to the Design tab?
2
Parker Henderson
I know this has been asked before, but are there any iOS UI kits for framer?
1
Nate Galloway
This is a pre-trial question. If I import a Sketch design, apply code/targets/logic. Then I update the Sketch file and reimport. Is all the code and stuff blown away and lost? I have yet to download the trial because I am on a project that will not allow me time to test effectively in the 14 day period.
2
Robin Fox
Hi everyone. I was wondering if anyone had an example of a circular progress bar that when clicked, pauses the progress bar?
2
Caleb Kingston
Can anyone help direct me to a tutorial that would show me how to animate something like this in framer? I'm quite new. I've taken about 7 hours in courses so far but I want to try this out to see if I can replicate it (and improve the arrow animation) but my biggest challenge, I think, is going to be the organic circular movement of the progress circle.
4
Dan Clarke
Hi everyone, I want to animate the height of the layer. But I want it to animate upwards from the bottom. Currently the x,y sets the location and height extends down from this point. Can I invert this? thanks!
7
Michael Boswell
Feature request I think would be incredibly valuable: the ability to specify pinned section headers within ScrollComponents. Whenever I think about components I use often but really hate having to build each time, this is at the top of the list. It's non-trivial and very common. Happy to share more thoughts on how this could be implemented.
1
Herve Mischler
I'm having an issue with padding in textLayer when I'm adding a background color. As you can see the padding is not even around the text. Has anyone experienced the same thing and knows a way to fix this?
6
John Silby
Can you guys add a working GausBlur shape property (like in Sketch) that will auto-blur anything underneath the object, even if its moving? Im looking at replicating this Dribbble concept and it seems next to impossible to manually align everything once its not drawn from the top corner. Again: what I want to be able to do is draw the static background out of two shapes. Have my birds animating over it and then render a box over that with a GausBlur property and shadow that will blur the background shapes and any birds that pass under it automatically.
6
Jurre Houtkamp
Hey Frameristas! Now that you’ve had time to play around with Design mode, it’s time to speed things up. Our goal is to make it easy for you to edit, pan, adjust and iterate in Design using handy keyboard combinations. Browse our list of shortcuts to 2x your workflow. Shortcuts: https://framer.com/getstarted/design/#shortcuts Shortcuts on Dribbble: https://dribbble.com/shots/3572681-Framer-Shortcuts
4
Jon Grant
Hi there. Be warned - NOOB ALERT! I'm trying to bring a wireframe a bit to life in this prototype --> https://framer.cloud/zinkr/ I've used a PageComponent to get the swipe card stuff happening, but this means I can't access the tab buttons in the top to change to mens clothes. Can anyone help me please?
2
Onishchenko Volodymyr
Hi folks! Check my debut work with Framer! Press "L" to appreciate it!
4
Dan Freeman
I think I need to use an if statement for this scenario but I can't seem to get it to work. I am trying to create an animation similar to the Instagram heart when clicking on a button but on multiple pages. I put the initial buttons in an array and the "hearts" in another. When I create a click event on the buttons it activates the hearts on every page not just the page I am on. This is being imported from sketch not design. Any advice?
5

June 28

Jiwoong Lee
Because we wanted more controls over Material spinners, so created crappy one with using Framer elements, not hacky ways like GIFs or CSS to be able to use Framer goodies. http://share.framerjs.com/iompt0uj30yn/ Feel free to copy and modify. :)
10
Tojo Rakoto Ramanantsoa
Hello guys, I just updated to the latest version, and it says "Start you 14 days trial" even though I bought a licence. Has anyone encountered the same issue?
2
Emily Carlin
How do I reference a scroll component that's automatically created by the flow component? On the second screen of this prototype, the one with the list of cards, I want to turn off overdrag (or some way of preventing the #000000 background from being shown). hopefully this makes sense, let me know if more detail is necessary. I'm a beginner so this may be a really simple question to answer :)
1
Weston Thayer
Dusting off my Framer chops -- is there any way to have a Layer automatically size itself so that width/height contains all children?
1
Brent Riddell
I had a quick thought and tried it out and wanted to share it and see what people think :) Basically I was trying out an idea to draw components in the 'design' tab and then use them in 'code' tab ... why? so that way you can edit/maintain styles for components in a more familiar visual way (like figma/sketch) and then modify their content or 'overrides' with code, seems like a cool idea? I know you can basically do this all in code with custom classes etc but I was inspired by the possibilities of the new design environment :) Note: you have to download the prototype into framer to see what I mean though (in the browser its not really doing anything) Drawbacks so far seem to be: the textLayers created in design don't seem to work like textLayers created in code? and the constraints set from design do seem to be inherited when imported with code. But maybe I'm missing something? someone smarter out there can probably get this to work :) or maybe the fine folks at Framer are already developing something like this already ;) thanks! and shout out to the Framer team for making such a cool product! keep up the good work :)
7
Ee Venn Soh
This is a video screengrab of Acorns app. I am wondering with Framer, maybe the Slider component, can we do something similar? Scrubbing the graph instead. *Sorry for the bad lighting!
5
Aubrey Johnson
New-ish to Framer I have a onTap event that animates 3 elements on the page. I have an onSwipeDown animation that animates those same 3 elements back to their original state. The onTap does not work (ever again) after the onSwipeDown event. Is there a reset or something that I need to do to get the animations to work again without reloading? https://framer.cloud/bBvDv
4
Benjamin Den Boer
Hey all. We recently teamed up with Facebook Design to integrate Sound Kit into Framer. Here’s an example built using one of the Notification sounds. It also includes background blur and a nifty icon transition. 🎶💬 On Dribbble: https://dribbble.com/shots/3611099-Sound-Kit-Notifications Open in Framer: https://framer.cloud/download/signed/SaVXD/2/?studio=1
0
Henry Latham
Nice video on animation principles:
0
Alexandre Lordelo
Hey guys, The iOS iPad app is showing a different font than Framer Preview. How can I fix this?
1
Paul Stott
When using the wrap function to create a ScrollComponent, is it possible to change the width of the frame after it's created? I have objects inside my ScrollComponent that are getting obscured by the frame when I try to scale them or when I scroll past the edge of the frame.
1
Ray Alexander
how do i select additional instances of the highlighted text? SublimeText shortcut didnt work...
2
Gerrit Kaiser
We're trying to collaborate on a framer prototype via git. Unfortunately we keep running into merge conflicts with a few files. `framer/.bookmark`, `framer/config.json` and especially `framer/framer.vekter.js`. Is it safe to remove these from git and ignore them (everyone is using Framer Studio)? Design mode also unfortunately doesn't seem very git-friendly, lots of things in `framer/design.vekter` (like layer IDs!) seem to change whenever someone makes a tiny change, so we've had to abandon this and move towards generating layers in code 😥
3
Karina Kozinsky
Hi everyone, I am trying to use gsap library in Framer. It opens really exciting animation options and some things work really fine. But... I've run into some issues. I get an "can't find variable" error, while trying to use splitText or CustomEase.. What can it be? Somebody?!
2
Manikandan Kandadai
Has anyone used Framer for prototyping AR/VR applications ? Is there a way for framer to grant access to camera and do something with it ?
2
Alexandre Lordelo
Would be amazing to be able to "slow motion" a transition both on the viewer and on iOS apps. This way you can clearly see what is going on a animation!
2
Sebastiano Giuseppe Garilli
I am trying to learn Framer while having some fun.
1
Ray Alexander
Can we build dictionaries? or just arrays?
3
Karina Kozinsky
Another question about gsap. I was trying to recreate text effects with transform perspective origin. Gsap method of transformOrigin doesn't seem to have any effect in framer. Framer method of perspectiveOrigin doesn't produce a desirable effect either. It doesn't move the rotation axis from the layer, only distort the layer further. Am I missing something? From this page:
5
Michael Ligier
Whenever I import from Sketch, one of my text boxes cuts off part of the text on the left and right edges. It looks fine in Sketch, but when I import to framer, it's cut - anyone have a fix for this?
0
Matthew Mang
Is there anyway to access the design view icons via code (I.e. If I want to use an icon in a loop)?
4

June 29

Pablo Stanley
Hey, guys! I made a crash course on Framer⚡️ It covers the basics in short videos—for those still looking to get into it I was a bit afraid to use a text editor, but now I understand how cool and powerful it is. The curriculum follow's most of the framer docs, so if you prefer reading, I would recommend taking a look at them—super thorough. I'll keep adding more complex stuff as I keep learning too 😬
19
Ola Laurin
Did a gooey page indicator for fun:
8
Derek Nguyen
Hello, I'm trying out FlowComponent and have this weird issue where generated scroll components don't get removed once they're done & pile up instead. This lead to sometimes buggy navigation & I imagine it wouldn't be so good for performance. Am I missing something? There are no problems if the page layers fit inside the screen, aka no scroll components generated. Here's the code: https://framer.cloud/zTguF Thanks in advance for your attention & help!
0
Muhammad Athar
Just a quick little question. Can we export one framer project and include it into another one? like turn them into little modules if you will?
1
Markus Kamp
Hi, I'm new to Framer. My Question: Is it possible to give a HTML Snippet in Framer a click event? If I click on a simple html button im my example an alert box should appear. But in my case, nothing happened. Where is my failure?
2
Sigurd Tapio Mannsåker
Slight issue, wonder what the proper way to handle it is: 1. Open new project 2. Pick a device in the preview window, like iPhone for example 3. Then programmatically set Framer.Device.deviceType = "fullscreen" 4. Everything now renders at 0.5 scale rather than actually being fullscreen. I can set deviceScale or contentScale to 1, but it doesn't have any effect until I manually refresh the preview (seems like it's not auto-refreshing). Also not quite sure which of them to use, and whether it will cause trouble if I later want to programmatically set a different deviceType? I basically want to be able to switch between device types programmatically, so I can quickly preview a prototype on different devices without changing it in Framer Studio and re-uploading.
0
Jaco Otto
A quick question. I need help with using an array, please. I'm trying to change the properties of a few layers within an array on the selected state. I'm using selectedItem = 0 or 1 etc. to change the selected state of a single layer in an array. The problem is that I want to change the properties of multiple layers on the selected state. Do I need to add layer.on Events.StateSwitchStart to trigger property changes to multiple layers in an array? Or can I change properties for multiple layers within a single state? Any help will be greatly appreciated.
1
Dan Bartley
Odd bug. Only gave me 5 numbers?
1
Sigurd Tapio Mannsåker
I've revamped a module I use for responsive prototyping across different screen sizes. Just leaving this here in case anyone needs simple breakpoint handling etc for their prototypes.
0
Victor Ponamariov
Hello everyone! I'm very new to FramerJS, so maybe it's kind of silly question so I'm sorry in advance :) First of all I found it kind of hard to import stuff from sketch (not all layers are copied, for example after copying a material tabs example I couldn't find text layers etc), so I decided to write some code from scratch without even using design tab. I wanted to make an example of tabs navigation. So here is what I have so far: https://pastebin.com/Cd5Pwwbq I made a layer called MusicPage, added status/nav bars (imported as svg from sketch) and added the Content layer. Now I stuck with how to make few layers which have the same status/nav bars? Okay, I can duplicate the code but it'd be a hell to change something in duplicated layers. I've tried to point FlowComponent to Content layer but it doesn't take parents into account, just showing exactly Content layer (while I need status/nav bars, actually the page layout). I've tried to use layer.copy(), which resulted in such hierarchy: http://prntscr.com/fpkvg7 . Kind of strange layers 6,7,8 and Layer 13. So I don't know how to then change content of "Content" layer of my copied MusicPage. Of course if I used design tab it'd be much easier, however, since Framer lacks of symbols concept, if I need to change nav/status bar I'll have to do the same in design tab. What would you recommend? Framer looks very promising to me since I'm developer but there is no much information available and it's kind of hard to build complex layouts since Sketch importing does not provide all layers, and it looks that it's easier to build layout from scratch. For example I've just tried to import tabs from Sketch and I got only one layer called "tabs" without ability to edit/update texts (even though I do have text layers in Sketch) Thank you in advance
0
Summer Bedard
Is anyone having issues with fonts not loading in the Framer mobile browser? I'm using roboto and all the type is defaulting to times new roman. Looks fine in the framer design tool, then converts to times when I view it on my device.
2
Jurre Houtkamp
Hey everyone! Here's another Facebook Sound Kit example created in Framer. This example sequences multiple sounds to illustrate the benefits they can bring to your designs. Check out the full prototype https://framer.cloud/XLWtl/ On dribbble https://dribbble.com/shots/3614892-Sound-Kit-iOS-Notification
0
JL Flores Mena
Hey everyone, I couldn't find if this has been asked before. It's a very simple task but I haven't find a solution for it. Say I have a function called "checkPlease", how can I run this function from the browser's console? If I type "checkPlease()" in the console it throws an error. Thanks!
5
Sriram PK
Hello all. Just getting started with Framer FlowComponent. Trying to create transitions among 3 screens(artboards) arranged in the order Screen 1 | Screen 2 | Screen 3. showNext works fine for transitions Screen1->Screen2 and Screen2->Screen 3. showPrevious from Screen 2 works fine taking me to Screen 1. Swiping right from Screen 3 should take me to Screen 2. But, Screen 2 gets skipped and lands on Screen 1. Also, showPrevious from Screen 1 should take me to Screen 3. Not working. Am I missing anything basic?
0
Ray Alexander
feature request: I've been trying to use the safari chrome as outlined in the article below to mimic browser behavior in my prototypes. I don't like relying on actually opening my prototype in safari because any scrolling within the prototype doesnt actually translate into scrolling behavior in the browser. With the release of the iOS and Android patterns, are there any plans to create a shortcut to include this browser chrome within prototypes easily so that real scrolling behavior can be displayed in the mirror app or something like frameless?
0
John Silby
Is there a way to mark Sketch layers/groups/objects as editable (as if they came marked that way from the design tab) so that I can use the wizy-wig editor on them in the code tab?
1
Henry Latham
How do you add 2 arrays (a text label + icon) within another array (the 3 footer tabs)? I've done it manually but it makes the code unnecessarily complicated in this case
2
Benjamin Den Boer
Hey everyone! Today, we're excited to introduce the latest Framer integration—Facebook Sound Kit. In partnership with Facebook, we've added their collection of interaction sounds to Framer so you can level up your prototypes with simple sound effects. Choose from a menu of sounds to enhance buttons, navigation, errors, and more. http://bit.ly/FacebookSoundKit
11
Will Anderson
Hey all, I'm trying to create a simple grid of images that can be filtered down based on user action. In the prototype attached, here is what I want to have happen: When a user clicks on an image , the image animates out (fades to 0 opacity, and scales down slightly). Subsequently, the grid updates to fill in the position left empty by the deleted tile. Instead, here is what is happening: With the following code, the image gets deleted without any animation, and the grid updates. for tile in tiles tile.onClick -> this.animate scale: 0.95 opacity: 0 this.visible = false Or with this following code, the image gets deleted with an animation, but the grid doesn't update. for tile in tiles tile.onClick -> this.animate scale: 0.95 opacity: 0 visible: false Anyone have any suggestion for getting the tiles to animate out AND have get the grid to update?
2
Jon Madison
Changing text doesn't work from design to code. Seems simple but it's broken. https://framer.cloud/OQDtd am i missing something?
3

June 30

John Silby
I cant change anything locally in this prototype I downloaded to see how it works. Browser preview keeps rendering the same thing no matter what I remove or if I open it through the index file. Whats up? -in v95
0
Alexandre Lordelo
Hi JL Flores Mena, Just downloaded your awesome Stickyheader module! Followed step by step but can't get it to work: https://framer.cloud/waqEz Would you mind giving a hand? ; ) Thanks!
3
Tess Gadd
Hi all! In light of the new Design View 💜, I decided to write a Cheat Sheet on Flows Components. Flow Comps are super useful when combining them with the design section as it allows you to do simple interactions, crazy fast. Enjoy! And as always, your feedback is always welcome :)
5
Calvin Wilson
Hey all, I was working on some bar chart stuff today and thought I'd share. Still working on smoothing out the timing and adding some real data soon. Cheers! http://share.framerjs.com/z0ctpyo8u71w/
10
John Lee
Framer pals – has anyone implemented Highcharts or something similar? Toying with the idea to introduce some funky data visuals into my Framer, and with a good friend JSON! https://www.highcharts.com/demo/ Saw a post a while back but seems to have died off. Rebirth to charts! Thanks a bunch - as always!
3
Rohan Vijay
Hello, Has anyone worked on integrating Framer VR module with D3.js for visualising data? Let me know if anyone has, it would be a great help!
3
Henry Latham
Any help? Still stuck on this problem!
1
Cordell Orel
Hello everyone! I started reproducing little animations of my phone to apply my Framer courses. This one is about unlocking the phone. You double tap and then swipe up to enter your PIN. I did the double tap event but when I write the swipe event, the prototype doesn't work anymore. This is the code to swipe : unlocked.onSwipeUp (event, layer) -> info.animate x: 21 y: 60 opacity: 0.00 options: time: 1 curve: Bezier.ease I didn't use flow component cause I can't modify the transition and the opacity of the overlay. :(
0
Tess Gadd
Hi guys! Im back with a new Cheat Sheet - This time it is Sliders and Range Sliders Components. Enjoy! As always, would love any feedback you have for me ✌️
5
Benjamin Den Boer
Hey all! Here’s a simple Sound Kit example built using one of the included Success sounds. A playful animation turned sonic interaction. 🎶💕 Dribbble: https://dribbble.com/shots/3618331-Sound-Kit-Like-Animation Read more: http://bit.ly/FacebookSoundKit Open in Framer: https://framer.cloud/download/signed/oBgGO/3/?studio=1
0
Elena Stoyanova
Hi everyone! We’re looking for an Enterprise Sales Manager to join the team in Amsterdam! If you, or anyone you know, would like to make an impact on Framer’s sales strategy and customer base, check out the full job description and apply directly on our site — https://framer.com/jobs/sales/
0
Christie Gettler Tarazon
Has anyone ever had simple onTap functions (just changing opacity of an object or cycling states) work flawlessly in studio but be super glitchy when mirrored to an iPhone 5c?
1
Chris Allen
Hey all - I have a quick question. Is there any way to set the font attributes (size, line-height, family, etc) in a global variable to be referenced by individual TextLayers? Typically I set global CSS styles and then use the style: attribute on normal Layers, but I'd like to start using TextLayers.
3
Jon Madison
wishlist (you *gotta* be working on this) -- let targeting respect a hierarchy. All flat is wack. :)
0

Monthly archives

2017

2016

2015

2014

2013