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

What is Framer? Join the Community
Return to index

October 2017

October 01

Lukas Guschlbauer
πŸŽ‰ Symbols Update! πŸŽ‰ Apart from a lot of other improvements, you can now add common events to your symbols! A simple example for a use-case would be events that every button has, like hover, active etc... ... Another step closer to making the Framer-Workflow cleaner and easier! πŸ€“ Hope to get more feedback and would love your contribution on Github! [Prototype] https://framer.cloud/IpDbI [Github] https://github.com/der-lukas/framer-Symbols
2
Isaac Fagerli Schneeweis
Is there a way to do a click event on the Framer canvas itself?
1
Joanne Walter
Just getting started with Framer, and wow it is a powerful prototyping tool. So many of my google searches the last few days have lead me back to this group. So huge thanks to you all.
0
Ansh
Hey! Just started with Framer. Is there any way to add animation to each states seprately? If yes then please guide me :)
1
Utsav Shah
Hello. I've been trying to get data from Spotify api following this https://medium.com/@samthorne/using-the-spotify-web-api-in-framer-dc6a48bf0494 guide. However, setting the window.location to the url shows an unexpected error. See screenshot. How do I fix this?
3

October 02

Sergey Yashchuk
Hi guys, Can some one please help me with the Slider component. I'm trying to create a slider wth the gradient. Gradient reveals when user drags knob from left to right. The problem is that when I assign gradient to the fill it scales instead of distributing across the width of the slider (i guess it's by design). On the other hand it distributes fine when I assign gradient to the background/image of the slider, but now it reveals from the other side. I also tried it to rotate 180, but it did not work :) Thanks!
1
Sam Kilbey
Hi, I was wondering if anyone could help. I have made a mock up of my prototype to make it more simple. https://framer.cloud/CXNte When I click on the orange square I have an overlay from the tap that shows greys out the background and pushes layer2 on top. On the next screen if you click the red box then it uses flow.showPrevious() - The transition for this makes it look like it just slides up. Is there a way to get my first transition to do the same without the greyed background. Hope that makes sense? Cheers, Sam
1
Scott Johnson
Uhh. Can someone explain what's going on here? My prototype was working fine a couple days ago then stopped working and started doing this.
3
Kerrie Gallagher
Hi Framer Friends! I added Utils.loadWebFont("Roboto") to my code and it renders properly on Android but not IOS. I'd rather test on IOS bc it works smoother. Any ideas about why Roboto font isn't showing on IOS device (iPhone6)?
2

October 03

Kevin James
Hi All, I'm trying to create this. Do I create it as a layer and populate and duplicate via info in an array? If this is not the best way suggestions are welcome.
4
Lukas Guschlbauer
Is there any way I can work on the same prototype on multiple machines without creating a new prototype on Framer Cloud? In my opinion the behavior should be that if you download the prototype and you're logged into Framer Studio with the same user as the creator of the prototype, it should at least be an option to update the prototype in Framer Cloud, without having multiple instances of it!
1
PrzemysΕ‚aw Baraniak
What kind of specs for motion design do you make? When you create animated interaction, you know that making it in Framer is just a first step. The final solution will amaze users only when front-end developers will implement motion precisely. To achieve that the right specs are needed. This article includes the comparison of two most popular types of UI motion design specification methods. I believe it may help you make your work more efficient.
2
Midani Asli
Hi Is Framer fir prototypes only or it works for production ?
6
Louis Currie
Is there anyway you can hide {s} with a custom value?
3
Chris Keith
I've been using the text input module with a fair amount of success but it doesn't seem to accommodate multi line input. Can anyone point me to a module that supports that or is there some kinda work around I can pull off?
5
Laurynas Levickas
Hello, I am still a newbie, and I'd like to find out if it's possible to add custom animations onto #FlowComponent itself, to make standard "Pull" animation from one screen to another, something a bit more fun and creative? I bet it is possible, can some of you fellow frameristas share the insights? Thanks in advance. :)
1

October 04

Martin Menzel
Hello Framer Pros, I'm kind of stuck with my prototype and could need some help please. In my prototype I want to use a Slider to "scroll" through a stack of images and only show one image at a time, imagine a flip book. I did make it work with an onScroll event on a ScrollComponent itself, but linking the image stack and the knob position proved difficult for me. I would appreciate the help. In short: every slider position should match one image in the image stack and I can go through it with dragging the knob.
1
Farbod Faramarzi
Hey, I’m trying to create collapsable and expandable menu’s. The one called menu2 should be positioned in different y-pos depending on menu1’s height. But overtime I click to expand menu 2 it goes back to it’s original position (the one it should have when menu1 is collapsed). Any one have a clue on what is happening here and how to fix?
0
Erik Drouhard
Hi everyone, love Framer and what the team are trying to accomplish with it. Some feedback; It would be awesome if Framer Design had better handoff and export features. Spending time on a prototype that you basically throw away, even if it’s very helpful for idea generation, just feels wasteful. Why invest time in Framer Design (even if it’s a great experience), when I’ll eventually have to recreate all those assets in Sketch/Figma/Photoshop? And why not improve the Sketch/Figma/Photoshop import functionality? I get that you guys want to make the best design tool around, and integrating other design tools with yours is a hard problem. However, this just makes it harder to sell Framer to my team. Especially since, currently, you’ll still need those other tools to create the finished assets. IMO, it’s time consuming and causes needless friction to have to go back into Sketch to create the production assets. Framer has been extremely helpful for prototyping, and I’d love to see it become more. Thank you for creating such a helpful tool!
4
Matias Seijas
Hey guys! I've been playing with Adobe XD today, and I'm wondering if there's an easy way to import these designs into framer. Does anyone have any experience with this? Thank you!
6
Johann Kasuch
Hey Frameristas, Any secret hotkeys for closing and/or switching folds?
1
Jon Arnold
Hi guys, with my circle animation module you can also visualize progress very easily. You decide if there is a counter or not. Change the gradient color, thickness, size… https://dribbble.com/shots/2979702-Progress-Animation More information: https://github.com/ServusJon/SVGCircle-Module-for-FramerJS Thank you so much for Koen Bok, the Framer team and the whole framerjs community. You are so helpful! Keep exploring and design the impossible!
7
Callum Nowlan-Dias
How can I linearly infinitely animate a layer around the middle of the canvas? An example of what I'm after is attached. What i'm struggling with is setting the point of rotation, what is the most efficient way of doing this
6
Arnav Sameer
Hey guys, I'm trying to push a bottom window over a modal but unable to do it by completely keeping the window outside the artboard, Is there a way to make it travel from outside the artboard to inside? Currently I've taken a y = y-1 into the artboard It's working but I want to know if it can be brought from completely outside the artboard as well!
1
Jonas Treub
I'm playing around with making ThreeJS work in Framer. Giving it a similar API and making it compatible with the normal layer events and animations. You can follow along by checking this project. It is regularly updated. Don't forget to check out the history in the sidebar to see a lot of iterations. Props to Emil for inspiring me to integrate this in a module, he is working on something similar. https://framer.cloud/HkTKe
5
Ruben van Gaalen
Hi guys! I'm looking for a way to simulate the feature whatsapp has where you scan a qr code via camera, so you can use whatsapp on a computer (see picture). So camera module -> recognize qr code -> trigger event. Any ideas on this? Thanks in advance!
1
Abraham K Kiros
hey guys, I need help. πŸ™πŸ™ I designed in the design mode active state (stateFilled) and inactive state (stateUnfilled) for a button. Now when clicking it, I want it to switch to stateFilled and clicking it again I want it to go back to stateUnfileld. here is the framer code
0

October 05

Amrit Mazumder
I'm using d3.js with Framer and I'm having some trouble getting events to work. When I append the svg to Framer.Device.Content, events work fine. But when I append the SVG to a Framer layer, events don't work anymore... Example:
3
Zissou
Framer novice... I have built a quick example of my issue here... https://framer.cloud/YJJhu If you open in Framer I have added comments. I have three header buttons that when clicked I want to bring in from the different directions - at the moment showNext only brings them in from the right, and overlays don't cut it as the content is no longer scrollable Any suggestions would be greatly appreciated
1
John Cross Neumann
Hi all. I'm creating a desktop prototype and trying to recreate Alvaro Trigo's page piling js: https://www.alvarotrigo.com/pagePiling/#page1 I'm having trouble getting the mouse to trigger the pagination. Scroll up triggers one transition and Scroll down triggers the other. I've tried a few thing and have it working with swipe, but since it's a desktop prototype, I really need the mouse to trigger the flow component. Any help would be greatly appreciated! Thanks! https://framer.cloud/Eshoe
2
Taylor Palmer
Hi, I'm working on a prototype that creates a new layer everytime you drag an image from a panel. Can anyone take a look through my code to see what I'm doing wrong? I'm using the function CreateShape() to create a new layer, but after the second layer it breaks.
4
Cezary OΕ‚owski
Hi guys! I'm a total newbie to Framer but I'm really motivated to learn. After completing the course by Pablo Stanley, which was great btw, I wanted to design something more complex. So I started recreating the Instagram app just for fun. I have a problem with "Stories" section, I want it to be scrollable with a list of photos but I don't know how to do it. Also, I noticed that both scrollComponent are visible when you tap on the first icon "You" to see a story. I bypassed that with a states with opacity:0 but I know that is a dumb solution because they interfere with flow.showPrevious(). If you could explain it to me, it would be great :) Thanks!
1
Bob Zubkoff Jr.
Working with scroll components and my project has quite a few layers. I am having an issue when I go in to code where my layers are not in the correct order. I tried to manually place the scrolling content behind the items I want it to appear behind with this code: scroll.placeBehind(secondaryNav) it doesn't seem to be working for everything though, any suggestions?
1
Josh Krauth-Harding
I haven't used Framer in a little bit and it looks like I'm no longer able to change fill color of shapes? Anyone know?
3
Jan-Philipp Schroeder
Hi guys, after spending quite a while in this group just reading, I now have a problem I can't find a solution for. I'm having a huge UI in Sketch with a lot of screens, that's why I'm currently writing some code that is hopefully going to take a lot of basic work like page linking etc. off of me. The problem I have now is the following: Let's say I have two modals (modal 1 and modal 2) on a page. I want to go from modal 1 to modal 2 and from modal 2 back to modal 1. This is working quite well when I'm having this on just one artboard. As soon as I have 2 artboards the solution I currently wrote up isn't working anymore. The current prototype for testing the behaviour can be found here: https://framer.cloud/KmenT The problem occurs in the following scenarios: 1. sketch.Seite1 is set as an initialView in the ViewController. From the artboard Seite1 I go to the artboard Seite2 by clicking the button. When I now invoke modal2 on artboard Seite2 and switch to the next modal (modal3) it works fine. But when switching back from modal3 to modal2 I end up on artboard Seite1 again. When switching back to artboard Seite2, modal2 is properly being switched back to. 2. When setting sketch.Seite2 as the initialView the back and forth switching between modals seems to work properly. But when I switch to artboard Seite1, invoke the modal1 and close this modal and switch back to artboard Seite2, I end up having the same scenario as described above. I appreciate any help/tips/tricks etc. Thanks in advance guys :)
0
Benjamin Den Boer
Hey all. πŸ‘‹πŸ» We just launched Voyage, a travel-themed interactive UI Kit. It’s a beautifully-designed app flow from splash screen and trip booking to currency converter. Every artboard in Design has been hooked up with custom animation in Code. ⚑️ Download the Voyage UI Kit and share to win an annual subscription of Framer (also applicable to current users) β€” http://bit.ly/2g6eoFR
5
Sadok Cervantes Rabadan
Hey guys, maybe one of you knows what's going on here. I'm prototyping for desktop and I want to scroll with the mousewheel but it's not working, does anyone know why? Thanks!
3
Jason Sparks
I just downloaded a font 'Source Sans Pro' and installed via Font Book, where it is now showing as installed. I was hoping this would automatically appear in my Framer design tab fonts dropdown but no such joy. Any ideas?
2
Benjamin Den Boer
Hey all! Here's a new ScrollComponent example that highlights a swipe-and-scroll interaction. All cards are scrollable, and can be deleted by swiping them either left or right, to which the rest of the cards respond accordingly. The interaction is based on your dragging velocity and your dragging distance. It includes a few nifty tricks 'n methods: - directionLock and directionLockThreshold - Events.DirectionLockDidStart - updateContent() - draggable.velocity Hope this is helpful to some of you tinkering with the new ScrollComponent and Draggable! :-) Download: http://share.framerjs.com/po5q94qatbzh/
10
Alex Maxim
Hi guys! I am new-new to Framer but I love the whole concept. I have no experience with coding, whatsoever. I work with Sketch & Flinto (for transitions/ animations). I downloaded the Framer tutorials and I am trying to follow the logic. Would've loved to be able to do screen transitions and connect layers and do micro interactions with autocoding (you undersand why :D ) Is there any other way to understand the syntax and the flow code in Framer, so that I'll be able to do cool prototypes as seen in many examples? Thanks! ;)
6
Coleman Tharp
Is it possible to change the direction of a flow? I'm prototyping a flow where the screens come up from the bottom, not slide left/right.
0
Muhammad Athar
Hi guys, just a quick noob question. Does the studio no longer add the .gitignore file to the project anymore?
3
Sergey Voronov
Anyone from Frankfurt interested in hosting/attending meetup at first week of November? can help with talks and such, will be in the city that week.
0
Oleg Frolov
Privet, tovarishchi! Just experimented with on/off button interactions. State machine became better.
3

October 06

Muhammad Athar
Hi guys, A day of frustration and headache and I am here again. I have a page component and the pages are draggable within constraints. I want to set there initial Y value to be a little bit down and then be able to swipe them up like this. https://framer.cloud/PATRt However, if I do not put them in a container and I don't want to, it breaks as here: https://framer.cloud/TAJdj I would appreciate if anyone can guide me why this is breaking.
1
Alan Travis
JinJu Jang I used your breathing circles as a basis for some playing I wanted to do with trig and animations. I initially coded it so that I could morph back and forth between the cos or sin wave and back to the circle. after that I added a Utils.modulate on the radius so that I could create a 2D nautilus / spiral... After that there was no stopping until there were some fun animations... Anyhow I thought it looked cool and wanted to share with the group.
3
Eugene Joonsup So
Hello everyone, Is there a way to embed Framer project in html DOM other than using iframe? It seems like Framer always creates a wrapper div at the root level.
1
Alex Gilev
Hello everyone. I'm pretty new to Framer and currently working on website prototype. I want to trigger animations based on scrolling (when an element enters the viewport), for example: 1) Scroll down and 'Section1' fades in and moves 30px up. 2) Scroll down further and 'Section2' fades in and moves 30 px up. ... and so on. I tried to use: scroll.onScroll -> if scroll.scrollY > 900 ... but I feel there is a smarter way to trigger the animation when an element is in viewport rather than calculating the distance manually and write 'if' statement everytime for every section. Also, tried to search in the group but didn't find anything for my case. Any help would be appreciated, thanks guys! πŸ™πŸ»
2
Callum Nowlan-Dias
I want to decrease a counter by 1 every time listIcon is clicked, but the decrease is only firing once. counterValue = 3 counter.templateFormatter = (value) -> Math.round(value) counter.animate template: counterValue listIcon.onClick -> print "trigger" counter.animate template: counterValue - 1 How can I get this to fire until the counter is 0, where it stops?
3
Wendy Lim
Hey, I've been using ajimix's Input-framer module for the first time. It's all going swimmingly except Why is the blue box when I focus in on a field slightly offset from my actual field?!? See screenshot. It's driving me a bit nuts. Any idea how I can fix this? Here's relevant bit of code: typehere = new InputModule.Input parent: card x: move.width + gutter*2 width: 250 height: listHeight name: "typehere" type: "text" text: str.substring(1, str.length) color: "#000" fontSize: 14 fontFamily: "Georgia" backgroundColor: "rgba(255,255,255,1)" borderColor: "rgba(202,202,202,1)" padding: "0 0 0 10" borderWidth: 1
1
Wolfgang Rispler
How does framer handle the font style that are set in designer. A text field with a system font and in code with print text.fontFamily results in null. Actually I am trying to match set system fonts to css styles globally.
4
Oleg Frolov
Hi guys! Just explored a concept of image gallery that I'm working on.
1
Javier Eduardo TreviΓ±o
How can I have Framer Preview display custom fonts? they look alright inside Framer Studio and in Safari but when I preview it on my iPhone it defaults to a generic font. is there a specific way to include it? I guess it makes sense that is not being displayed as I added it from Typekit just like I would do in Sketch or Adobe CC. I know there must be a way to include it like in a website but I can't figure out the Framer/CoffeeScript way of doing this
1
Morten Just
I'm probably missing a detail here. Does anyone know why the second screen is black the second time I get to it?
8
Nidhi Jaiswal
Hi, this is a newbie Framer question. I need to see my prototype that I developed using Framer on the Android device. I downloaded the Framer Android app. While the Framer studio gives me an access code to preview it, the android app wants a url. I am confused where to enter the access code in the Android app to preview my prototype. Thank you all for the help.
0

October 07

Destiny Fox
Hello everyone! I have an iPhone 7 prototype I'm building for a client, and I'm having difficulties with how to export it so that they can access the prototype on their iPhone. I know we have Framer Cloud, but is there a way to provide a more smooth experience? Thank you in advance!
3
Christopher Murray
Hey folks. Looking for some help with onClick events that appear onMouseOver. Every time I try to click on the player controls, the onMouseOut event triggers. Can anyone help me keep my hover state up while engaging with my player controls? Here is the example: https://framer.cloud/LIiLc
1
Bandar Aljahmi
Hey, I'm trying to display a custom font on my prototype by changing font family and it's working well until I tested on my iPhone I got a normal font. Is there any method to make it work on the iPhone?
1
Adam Deher
Question about animating multiple shadows. Is it possible to apply multiple shadows to a layer in design mode and then animate those individual shadow properties in code view? In the example below, I have created an additional state to my layer. It has two modified properties- the radius of the layer and shadow3. When I cycle through the states of the layer the radius property animates as expected, but the shadow3 property only animates from the default state to state A. It never animates back. Am I missing something? Thanks for the help.
3

October 08

Isa Bison
A module for drag and drop, and other things. https://github.com/IanBellomy/Pair
5
Alex Gilev
Hey guys! Hope everyone is having a great weekend. I've come across with the bug while exporting a desktop prototype and previewing it in Safari. Scroll just doesn't work, it kinda moves 1 px down instead of a normal speed on scroll. In Chrome, everything works properly. Any idea how to fix that? Thanks!
1
Dmytro Zaliznyj
Guys, have anyone faced this error? I constantly face this one.
1
Emil Widlund
I made a quick snippet showing how to create an infinite Sine Wave-animation pattern in Framer. Feel free to modify, copy or whatever you want :) You may wonder why it's not using the common animate-method. The reason is that we want to use time as a dynamic value for every frame we're rendering, which isn't doable with the animate-method.
1

October 09

Elliot Nolten
Hey guys! I designed some pages in Framer, made a FlowComponent out of it. But... I don't want fixed headers and footers. I know silly me, but I want the header and footer scroll along with the rest of the page's content. How do I do this?
2
Cezary OΕ‚owski
Hi, quick question: is there any way to make a password input with asterisk printing inside? I'm using Input-Framer module.
2
Andreas WahlstrΓΆm
You can now edit the text of imported layers using the TextLayer module. Change the styling in Sketch and it will reflect in your prototype. Give it a try: https://github.com/awt2542/textLayer-for-Framer
12
Steve Ruiz
Playing around with SVGs in Framer, lots of pretty possibilities. πŸŒ€
2
Sandor Rozsa
desperately needed – help from a framer veteran:
8
Muhammad Athar
I would like to thank Alex Maximets for pushing me to get another one done. I am just trying to play a small part in the community. Hope this can bring some good prototypes alive.
0
Javier Eduardo TreviΓ±o
what's the best course to learn as much as possible about Framer? I am starting a company with two friends with different backgrounds ( front-end web, visual design) and we're looking for an extensive, premium course to be able to learn it really well
2
Alex Gilev
Guys, do you know why the desktop prototype looks blurry in Chrome? I've tried everything, importing 2x, scaling, nothing helps.
3
Taylor Palmer
The Slack invite page seems to be broken (getting a 500 error). Any other way I can receive an invite?
3
Steve Ruiz
More SVGs:
2
Shanshan Li
Hi everyone, I have a question need you guys help. Does anyone know how to change the cursor in framer? I want to design an icon for my website, which could take place of the cursor we usually use. Thank you very much.
1

October 10

Roy Schmid
Hi everyone, I'm quite new to Framer and only worked on a couple of smaller projects so far. I'd really like to learn a lot more and be more proficient with it, so I was wondering if there are any recommendations on how best to learn Framer, in terms of learning resources (tutorials, videos, books, etc.) I do have a coding background, but a lot of other people that are interested in Framer may not have background. I've found this Framer eBook online - https://framerbook.com/ - and was wondering if anyone would recommend it? If someone has used it I'd love to hear what your thoughts are... likewise any other good resources (paid or free) would be greatly appreciated. Thanks a lot :D
8
Jonathan Dang
Anyone else experiencing really slow import times? I'm running Sketch and Framer on a late 2013 macbook pro and sometimes importing my file hangs my machine entirely.
3
RenΓ© Schiebelhut
Hey guys. Is there a way to animate text in a button (on click) from left to right instead of the initial middle based animation? I got the idea from inVision (when you want to delete an artboard for exmaple and the icons show up from left to right). Thanks for help.
4
Arturo Goicochea
I don’t know of an equal or better alternative, feature or community wise, but honest question here: is there any chance/thoughts/possibilities on moving the Framer of Facebook? Why I ask this: the Framer group is the only thing keeping me on Facebook. If it is only my case, please ignore this post, but thought there *might* be other people for whom this is also true?
10
Martin Halik
How to slow down mouseWheel scrolling? is way too fast :(
1
Mohammed Morsi
Hi Framer folks, I've got a question for Framer power users who've been using it for 2+ years. Do you find yourself using Framer Design in really big prototypes or you just code the whole thing? Coz it feels faster to me as for someone who've been using it for 2+ years. if you also have anything to add please feel free to write a comment below Thanks πŸ™Œ
9
Wojciech Dobry
Hello Folks! That's me again. I just wrote the article about real data usage in Framer. #Framer + #API = ❀️
1
Jason Valalik
Has anyone created a drag&drop functionality for rearranging items?
0
Sergey Voronov
AR in Framer! OR maybe just video layer :), that works both on desktop (highsierra) and ios11 stored on cloud. will not work locally live sample - https://framer.cloud/DjFni github https://github.com/mamezito/videoLayer
6
Bhaskar Ravi
Interesting issue. SF UI displays fine in the Framer Preview app, but SF Pro doesn't render properly (defaulting to Times NR I think). I'm running iOS 11 - has anyone else had this issue? Thanks!
2

October 11

Jon Madison
only tangentially related to Framer, so apologies in advance. How is Framer able to get the list of open Sketch files? is it doing so via Cocoa APIs? Closest i've found is NSRunningApplication, but can't figure out how to grab open files. In particular I'm trying to figure out how to programmatically determine which Framer projects are open, and nothing jumps out in NSRunningApplication (except some seemingly deprecated fields in the Accessibility API)
1
Javier Eduardo TreviΓ±o
How can I make a video play and stop on a Tap Event? Also is it possible to store the functions inside states so it just cycles states onTap? here's my code Malta = new VideoLayer width: 408 video: "images/EF%20-%20My%20summer%20in%20Malta%20(720p).mp4" height: 240 x: 0 y: 0 opacity: 0 z: 5 perspective: 100 Malta.states = a: html: Malta.player.play() b: html: Malta.player.pause() playIcon.index = 1 playIcon.parent = Malta playIcon.onTap -> Malta.stateCycle() Malta.opacity = 1
0
Grzegorz RΓ³g
Framers! πŸ”₯ After months of hard work I'm releasing my project with UI/UX courses. You'll find a 6-hour-long course on Framer there! Please, support me on https://www.producthunt.com/posts/learnux-io Thank you! πŸ™
2
Felix Lorsignol
Hi, I'd like to open a prototype that I've made with the Framer Preview iOS app, but it's unable to open them in-app. Furthermore, my company's network policy doesn't allow to "discover" my Framer Mac app, so I am unable to open the prototypes in app. How can I download the prototypes into Framer app??
5
Alvaro Lourenço
Is it possible to set "Pin" positions and "Flexible" dimensions by code?
7
Hassan Khan
Hi guys, this is a design related question and not about Framer. I need to find the mockup for the following image but I dont know what they are called. I tried to search keywords like iphone plain white mockup 3D etc but could not find them. If anyone knows what they are called or where can I find them, that would be great
2
Patrick Holowesko
Looking to hire Framer Pros. iOS 11 pull to dismiss notification interaction.
3
Nathan Llewellyn
Hi y'all. I'm super new to Framer. What is the best way to create a prototype with text input (for a form)?
2

October 12

Jason Sparks
Working to a deadline and pulling my hair out with this. Why are some of the layers on my second screen not showing? It appears that they exist off screen, offset somehow. No idea why they are not consistent. On the first screen, click the 'Male' button and observe how on the next screen only the 'Next Question' and 'Back' link are in their correct relative positions. The whole priceContainer isn't in view.
2
Louis Currie
Dear Framers, did anyone figure out how to animate an SVG graph?
5
Jaco Otto
I need some help, please. I'm trying to build a TV menu. I was curious how I can change the states of layers in a class in a loop. This is what I have at the moment. https://framer.cloud/HVshm How can I make one selected by default?
3
Shengqing Liu
Hey all, I am new in Framer. I have a question here. I have created 3 squares in design tab. In code tab, how can I set a class for these 3 layers in code tab? That I don't need to program the same mouseover animation repeat 3 times.
1
Tommy SundstrΓΆm
Trouble with the code? I'm sure many here already know, but to me this was news: Framer has a debugger. Just write "debugger" anywhere in you code, and the code execution will stop there – if you have the debugger window open. (Open it by clicking β€œInspect” in the lower left corner of Framer Code window, or shortcut Cmd-Alt-i.) Now, what you will see is the messy javascript code, not your original nice coffeescript. Still, it can be quite helpful for digging out the information that you need to find your bug. The tools I find most useful are: * Hovering over a variable you want to know the value of. * The details sidebar – a small icon in the top right corner. This shows the current values of all variables. * Being able to execute the code step by step – controls in the top left corner.
1
Isaac Fagerli Schneeweis
A request for the design–part of framer: Make the scrolling smoother. Having the scroll jump from 150% to 200% in one scroll is annoying. Couldn't it be as smooth as in sketch or XD?
1
Wolfgang Rispler
Is there any way to have commit messeages with versions that are uploaded to the cloud?
0
JL Flores Mena
Is it possible to pass all text styles for a TextLayer in just one attribute? Right now I have to use both "color" and "font", I'd like to use only one. (I've tried "font" and "style" but it's not working).
4
Minjong Lee
Hello! Does anyone have the same issues with draggable? When I attempted following code, layerA.draggable.enabled = true layerA.draggable.horizontal = false layerA.on Events.DragEnd, -> layerA.animate properties: y: 0 the draggable element jumps and positions into random y points not to y:0. Am I missing something?
6
Bhawna Sharma
Hi Guys, i am currently busy with my concept design for a native app. It's about a webshop that sells camping and winter products. This is the website www.dewitschijndel.nl. The problem is that my company wants something different in the app, so not a webshop but something else what can be relevant for the users. Do you guys have any idea's? Please let me know!
1
Dmytro Zaliznyj
Guys, this is my attempt with my friend that we`ve made during the weekend to implement D3 Library into Framer, we`ve managed to view the chart. But for now, it does not make anything more than that:) Maybe someone will be interested to cooperate on this one.
3
Alvaro Lourenço
Where's the default scope used by Framer/CoffeeScript for global/unscoped variables?
1
Sarah McDermott
Hi everyone! Has anyone ever tested a Framer prototype with Validately (https://validately.com/)? I built a prototype that responded to screen sizes and it worked on my HTC 10, a Samsung S8+, an iPhone 6, and a Pixel, but when the testing agency ran their test, the prototype was really zoomed in. The user was testing on an HTC 10 and a Samsung S7. When she tested on an iPad, it worked great. The woman running the test went back and tried it on some older Android phones and on some iPhones with no issue. I'm thinking that the software affects how the prototype recognizes screens sizes, but I was wondering if anyone has had this problem before and if they were able to fix it.
0
Nathan Llewellyn
I'm prototyping a web app. I've imported two artboards from Sketch into Framer. Each art board represents one step in a multi-step from. What is the best way to keep the header but swap out the content of the two art boards?
1
Ken Yiu
Is there any native way to lock the orientation?
10
Jithesh Ramesh
Any idea why this is happening when I am trying to get Framer Modules to work
1
Alvaro Lourenço
What's the use for this little lock in Framer alignment tools?
2

October 13

Wonyong Choi
Hello~ Framers!! I made prototyping for the mail app concept. I hope you enjoy it. :) check the prototyping here. http://share.framerjs.com/fho1wd8qr4nb/ Thanks~
6
Sam Kilbey
Hi, very quick question, how can I get the blue circle to fade in, the same way it fades out? At the moment it just pops back but I was it to gradually expand. Thanks!
1
Nathan Llewellyn
One more question for the day...how would I create a sticky website header if I'm importing from Sketch?
1
Nathanon Inplub
Im try to fix ios kit but it still oversize from preview frame. How to fix ?
2
Kerrie Gallagher
Hey fellow framers! I am stuck trying to get a circle in a modal to turn green in an array. Task is when AMPM button is pressed, AMPM background changes to light blue and circle should fill to green. When I added circle.backgroundColor = "green" the whole target area turns green. Please help! (note: this is a simple two choice example for testing purposes. Most of my modal arrays will have more items) Here is the code: AMPM_buttons = [] AMPMlabels = ["AM", "PM"] # Create buttons for item in [0...AMPMlabels.length] AMPM_button = new Layer html: AMPMlabels[item] width: background_modal.width height: 50 y: 49 * item backgroundColor: "#ffffff" opacity: 1 borderWidth: 1 borderColor: "E0E0E0" parent: scrollModal.content style: "text-indent": "2000px" AMPM_buttonText = new TextLayer text: AMPMlabels[item] width: AMPM_button.width height: AMPM_button.height textAlign: "left" textIndent: 20 fontSize: 18 fontFamily: font fontWeight: fontMedium lineHeight: 3 color: colorDarkBlue superLayer: AMPM_button circle = new Layer width: 20 height: 20 x: modal_AMPM.width - 33 y: Align.center align: "center" borderWidth: 2 borderRadius: 50 borderColor: colorDarkBlue backgroundColor: "ffffff" superLayer: AMPM_button AMPM_buttons.push(AMPM_button, circle) AMPM_button.on Events.Click, -> for AMPM_button in AMPM_buttons AMPM_button.backgroundColor = "ffffff" this.backgroundColor = "EDF2F6"
0
Mike Brand
What's the best way to recreate actions that show up on the swipe of an iOS table cell? I tried the following, but the cell jumps around Layer.onSwipeLeft (event, layer) -> swipeDistance = event.point.x-event.start.x Crush.x = swipeDistance
2
Jason Sparks
Can anyone point me to a Framer demo/project that covers the Accordion UI pattern please? I Googled but could only find screen shots or videos - I need to see it in code and I swear I've seen one before somewhere but can't track it back down.
3
Murilo Ravani
Hi everyone! It's possible to use Framer on this? Mac Mini Apple 2.4ghz Core 2 Duo 8GB of DDR3 memory HD 160gb Intel Ssd G2
3

October 14

Gautam Bose
Has anyone tried using an external library to handle apple pencil input? Wondering about something like this:
0
Johannes Wong
How do I get these measurements to show up along with my alignment guides? I don't see an option to turn them on.
3
JinJu Jang
Hi everyone, here is a fun prototype to share. (Waaaaa it's 3D!!) https://framer.cloud/doVdo/ Telling the truth, this one is seriously simple to implement despite how it looks. Nothing is made with real 3D or svg, they are 6 squares with simple X, Y rotations. (Based on Muhammad Athar 's code.) For animation, x2 looping animations at the end. If you are even more interested in this topic, here is where it all began. Fun! https://www.facebook.com/groups/framerjs/permalink/1282682718525463/
5
张琨
Hey all, today I saw a gif online and really curious how to code it in Framer? anyone knows? i know it is pretty hard, but thanks a lot of anyone have any idea about it.
7

October 15

Yana Georgiev
Hey gang! I made a thingy
1
Alex Gilev
Hey guys, Can somebody give an advice on how to trigger counter animation on a scroll? Here is an example: range = min: 0 max: 10 text = new Layer width: 70 height: 50 backgroundColor: "null" superLayer: section2Text html: range.min color: "#062A37" style: letterSpacing: "-5px" fontSize: "100px" lineHeight: '100px' fontWeight: "100" fontFamily: "Roboto" x: 421 y: -47 scroll.onScroll -> if scroll.scrollY > 910 time = 0.05 for i in [0..(range.max-range.min)] do (i) -> Utils.delay time*i, -> text.html = range.min+i For some reason, it keeps starting again and again. Thank you in advance.
0
PrzemysΕ‚aw Baraniak
Hey Framer users, Do you agree with me that UI Motion Design is now one of the most important parts of digital product creation? If you would like to extend your knowledge in the matter of UI Animation - I have gathered lots of useful content in one post. You will find topics like Principles of Motion, Design software tools, additional training, workflow tips and even how to make motion design specs for your creations. Do you know other interesting articles about Motion Design? Feel free to let me know, I will add it to the article. Thanks!
0
Keith Lang
Is there any way to easily copy example code from in-app documentation so that the spaces convert to tabs correctly, instead of Β·Β·Β·Β·Β· ?
3
Joseph Reni
does anyone know why if I use y: Align.bottom if I want to add additional pixels to it, I have to remove the space from after the + sign. so "y: Align.bottom +4" but if i'm not using Align.bottom there HAS to be a space. I'm not a developer so go easy on me.
2
Aurimas Preilauskas
Hey all. Newbie question - can I (somehow) export Framer artboards in .png's?
2

October 16

Wouter Van de Kamp
Heya! I noticed something strange today! I recently switched to Figma and started importing some artboards today. While doing so I noticed that some colors where getting a different value, like they are washed out. In Figma they are bright but in Framer they are missing some hue. Anyone aware of this? Not sure if this is still visible in the attachments because of the image compression and screenshot quality.
1
Dominic Reiterer
I'm running against walls. I'm trying since two days to add markers to my mapbox map. I started with this tutorial https://blog.mapbox.com/power-your-framer-prototypes-with-real-location-data-da67ac1115b2 and failed. I tried many things but I just don't get it. Sadly I'm not allowed to share my prototype so I created one with just the map. https://framer.cloud/qBopC I don't get it.
7
Emin İnanç Ünlü
I realized that in design mode we're not allowed to use half pixels! I was going to set height of divider to 0.5px but I can't do it. I guess I have to do it in code until it's supported.
3
Karina Kozinsky
Can I make this in Framer, I mean flip the layer with axis in 45 degrees
2
Joscha Ilge
Hi everyone, I’m currently looking for a tool that’s able to preview prototypes on Apple Watch. I read in a post on medium that this should be possible with framer, but framer preview seems to be available only for iPhone and ipad. Is there somebody with experience on this topic? Is it possible to preview your prototypes on Apple Watch? If yes is there some documentation available how it works?
2
Work Mike
Hey people - can someone confirm or point me to a tutorial of the best way to use custom fonts? I keep seeing different posts that seem to offer different solutions. Currently I have my custom font in an assets folder and I'm able to call it using utils.insertCSS and have a new layer & setting html style that works but how do I apply this to text objects in the design view? I have several screens all complete and not sure if I need to create these in code for this to work or if I can target them and then apply the style in some way...
0
Paul Wan
is this hidden feature in TextLayer ? I can't find it in Framer docs ! # you can set "autoSize" for a textLayer(Frame) in the Design mode !
3
Muhammad Athar
A question from the Framer people. Is there a way to add the border on the outside?
2
Stavan Himal
Hello friends, I have these two layers which I want to rotate through onClick event. Can anyone tell me what should be my fixed anchor point so that I can rotate it from these points? Thank you!!
1
Joseph Reni
Is there a way to autocode text layers? (not styles but typography?)
2
Zlatko Petrov
Looking for a freelancer - full stack Framer prototyping. PM me if interested with portfolio details, rate and availability. Thx!
0
Taylor Palmer
Hi everyone, I'm about to jump on some usability tests with customers and I have red Javascript errors showing up at the bottom of the prototype. Is there an easy way to hide these?
2
Groingrugroin N'Golo
Hi guys ! I'm a beginner in Framer and I'm working with array right now. I have an array with elements from the design page : playlist = [playlist_1, playlist_2, playlist_3] for i in [0...playlist.length] playlist[i].opacity = 0 And then I want them to have the same animation on hover of each individually but I'm stuck there, how should I declare my Events.MouseOver function in relation with the array ? Thanks a lot guys !
2
Julio Angulo
Hey all! I'm working on a prototype for a web app to be shown in a browser. Is there a way to center the contents of the framer prototype so that it shows in the middle of the page all the time? Thanks!
1
Greg Becker
Wondering if there are any Framer peeps in Portland who might want to start a meetup. I just purchased my license and would totally come to learn.
4

October 17

John Smith
I've been running into a strange issue when importing my own icons as SVG's. When I output them via sketch I will edit the file via a text editor to remove the ' fill="#FFFFFF" ' attribute. By doing this I've found that I have complete control much like the icon used in the icons panel. Yet when I position them in my layout, via design view, when I view it on the code side the icon is shift 20 pixels below from where I position it (on the design view). I have to offset the 20 pixels to match the design when viewing via the code view. Is there a reason why this is happening? Is it because I've removed the fill attribute in the svg file?
5
Javier Eduardo TreviΓ±o
Anyone using Framer in Monterrey, Mexico? or other Mexico states? I'm looking to start a group for us
3
Alex Gilev
Does anybody know why Framer's native preloader doesn't work while using in the desktop prototype? My proto is image heavy and I wanted to add a preloader to show animations after everything is loaded. I used this: Framer.Extras.Preloader.enable() Framer.Extras.Preloader.setLogo("images/logo.png") But it doesn't work. Images load slowly and I can't see any preloader. Anybody had the same issue before?
1
Jonathan Harvell
Is there a way to create an array of dynamic text layers? For example, 6 different timers that rotate through a text layer as you tap a button
1
Lukas Guschlbauer
I just created a Framer Group for my hometown Graz! Anyone from the area should join! Our first meetup is going to be on the 30th of November! More infos will be posted in the group soon!
0
Karan Murthy
Landing screen , few more to go and I will be posting the gif
2
Ben Ellis
Hi all, Looking into using Framer to prototype a TV App experience for a client here in the UK. I want to hook up a physical TV remote, capture the keystrokes on the arrow pad etc and then translate that to control a prototype on screen on the Mac. Have seen these articles here: https://medium.com/@johanstr/game-controllers-and-framer-de77610704d4#.a4yw8ynrx here: https://medium.com/framer-prototyping/apple-tv-prototype-with-framer-using-game-controller-59f1fc3d3b0f#.wcog76qr7 and here: https://www.orderedbytes.com/controllermate/compatibility/#apple/extended_usb_keyboard and was wondering if anyone had any tips/experiences they could share? Thanks in advance. Ben
8
Erik Lundgren
Is anyone else having trouble importing layers from Figma. After import the project import folder contains no images and the json/js files are empty. And after import I get a Utils.domLoadDataSync: imported/[email protected]/layers.json -> [200 OK] error. Any hints are welcome. Thanks!
0
Keith Lang
Trying to embed a framer prototype in a Mac app, it displays, displays, but doesn't animate. Read everything I can…Trying to avoid embedding a server, since it seems it *should* work. Plist has Allow Arbitrary Loads in Web Content. The Framer file loads correctly in Safari with Disable Local File Restrictions ON, so it seems it *should* work. Anyone got a hint about what the Framer file needs that I'm not giving it? I've tried numerous ways to load the URL too… π™½πš‚πš‚πšπš›πš’πš—πš *πš›πšŽπšœπš˜πšžπš›πšŒπšŽπ™ΏπšŠπšπš‘ = [[π™½πš‚π™±πšžπš—πšπš•πšŽ πš–πšŠπš’πš—π™±πšžπš—πšπš•πšŽ] πš›πšŽπšœπš˜πšžπš›πšŒπšŽπ™ΏπšŠπšπš‘]; π™½πš‚πš‚πšπš›πš’πš—πš *πšŒπšŠπšŒπš‘πšŽπ™ΏπšŠπšπš‘ = [πš›πšŽπšœπš˜πšžπš›πšŒπšŽπ™ΏπšŠπšπš‘ πšœπšπš›πš’πš—πšπ™±πš’π™°πš™πš™πšŽπš—πšπš’πš—πšπš‚πšπš›πš’πš—πš:@"/πš‘πšπš–πš•/πšπšŽπšœπšπ™ΎπšŸπšŠπš•.πšπš›πšŠπš–πšŽπš›/"]; π™½πš‚πš‚πšπš›πš’πš—πš *πš’πš—πšπšŽπš‘π™·πšƒπ™Όπ™»π™ΏπšŠπšπš‘ = [π™½πš‚πš‚πšπš›πš’πš—πš πšœπšπš›πš’πš—πšπš†πš’πšπš‘π™΅πš˜πš›πš–πšŠπš:@"%@/πš’πš—πšπšŽπš‘.πš‘πšπš–πš•", πšŒπšŠπšŒπš‘πšŽπ™ΏπšŠπšπš‘]; π™½πš‚πš‚πšπš›πš’πš—πš *πš‘πšπš–πš•π™²πš˜πš—πš = [π™½πš‚πš‚πšπš›πš’πš—πš πšœπšπš›πš’πš—πšπš†πš’πšπš‘π™²πš˜πš—πšπšŽπš—πšπšœπ™Ύπšπ™΅πš’πš•πšŽ:πš’πš—πšπšŽπš‘π™·πšƒπ™Όπ™»π™ΏπšŠπšπš‘ πšŽπš—πšŒπš˜πšπš’πš—πš:π™½πš‚πš„πšƒπ™΅πŸΎπš‚πšπš›πš’πš—πšπ™΄πš—πšŒπš˜πšπš’πš—πš πšŽπš›πš›πš˜πš›:πš—πš’πš•]; π™½πš‚πš„πšπ™» *πš‹πšŠπšœπšŽπš„πšπ™» = [π™½πš‚πš„πšπ™» πšπš’πš•πšŽπš„πšπ™»πš†πš’πšπš‘π™ΏπšŠπšπš‘:πšŒπšŠπšŒπš‘πšŽπ™ΏπšŠπšπš‘]; [πšœπšŽπš•πš.πš πšŽπš‹πš…πš’πšŽπš  πš•πš˜πšŠπšπ™·πšƒπ™Όπ™»πš‚πšπš›πš’πš—πš:πš‘πšπš–πš•π™²πš˜πš—πš πš‹πšŠπšœπšŽπš„πšπ™»:πš‹πšŠπšœπšŽπš„πšπ™»];
0

October 18

Maximilian Bredow
I want to change the state of a tappable layer that is behind a draggable (invisible) layer. In a different prototype I have been able to combine tap+scroll with "do", but I can't get the tap to work in combination with drag. Example prototype: https://framer.cloud/cxodp Thanks for your help!
1
Florian Pnn
Hi there, I'm looking to create a scale button that would move on a diagonal, I tried to use layer.draggable.updatePosition() but I couldn't make it work the way I'd like. Any idea how to solve this?
1
Stavan Himal
May anyone please help me with creating this kind of effect?
4
Martin Halik
Is there way to [ ] clip. children layers? in Framer Design? or code only?
2
Sergey Voronov
whats the official way of getting Touch point on mobile? I bang my head through the wall trying all ways - event.x, event.clientX, event.offestX, event.ContextPoint.x and so on
1
Matt Bogado
Unsolicited redesign of NASA - National Aeronautics and Space Administration mobile app: https://framer.cloud/OQcMK/
3
Tim Kjær Lange
Is there a way to view the file names of prototypes in Framer Preview for Android? These hashed names are not super helpful.
0
Sarah McDermott
What do people use to remotely test their prototypes? Validately isn't playing nicely with my stuff right now, so I'm looking for other options. Is there anything else that does a screen & audio recording?
4
Tim Kjær Lange
Troubleshooting a Sound related issue using the built-in sound library. I can get the sounds to play in both Framer Studio and OSX Chrome. However, when I try to get the sound to play on an Android device, nothing plays. I've deployed my prototype to a Heroku instance as I'm having some WiFi-related issues in Framer Preview. Any ideas on how to troubleshoot this? I tried to transcoding the m4a files to mp3, but that didn't solve my problem.
1
Aaron Winkler
Hi all, is there a trick to setting up scrollCompents on multiple flow screens? so i have a flow and 2 screens and one overlay. first flow page carousels(scrollComponent works fine) second flow page the carousels scroll but they don't scroll enough they just snap to the start position. thanks in advance.
2
Koen Bok
This weeks Oculus keynote by John Carmack reminded me of his talk (or lecture) about physics, light and rendering. While the contents might sound heavy, his ability to explain it in an understandable way for anyone is extraordinary. Understanding the base techniques to emulate parts of reality on computers is comparable to understanding presses and ink for print designers, in my opinion. And just fun to learn. If you have an afternoon to spare, watch the whole thing and exponentially increase your knowledge on computers, nature and the whole universe.
4
Silvia BormΓΌller
Hi there, happy to announce that our next Framer Meetup will take place on November, 29th at Microsoft Munich. Also Sergey Voronov is going to join us. How cool is that!? Join us here: https://www.meetup.com/de-DE/meetup-group-framerjs-munich/events/244308844/
1
Summer Bedard
Has anyone come across a framer protoype for something that looks similar to swype keyboard? Or any drag gesture that generates an ephemeral line like that?
1

October 19

Agustin Burset
Hi! Just getting started with Framer and as an exercise was trying to imitate the maps app on iOS, but I'm not being able to think of a way of getting the background to darken when pulling up the search menu (without affecting the colors of the menu's blur in the process). Thought of just putting a black layer between the menu and the map and modulate its opacity but that darkens the menu too :/ This is what I've done so far https://framer.cloud/HdRDG
2
Ryan French
Alright guys. Could someone point me towards the best latest Framer video Tutorials / courses? Latest would be ideal so it features the most up to date version of Framer. Thanks
17
Aaron James
I'm running into an interesting set of problems. I'm listening for an onDragMove event for my scroll component. When the onDragMove event reaches a certain threshold, the header layer will begins to scroll with the scroll component. This interaction works perfectly when the screen is at 100% zoom. Once the screen is scaled, the onDragMove threshold seems to move... so that is problem 1. Problem 2. As soon as I view this on my iPhone, the prototype no longer sees the onDragMove event, effectively breaking the prototype... Any suggestions?
2
Niels van Hoorn
Hey there! It’s been an exciting day for the design world. Today we’re excited to introduce something we know you’ve been waiting forβ€”Framer Export. Now you can share your work and export your designs at any point in the design cycle. Whether you’re exporting early mockups or polished final assets for clients, Framer Export caters to all your sharing needs. Plus, you can even copy accurate CSS values for pasting into your favorite editor or sharing with developers for a smooth handoff. Get ready to share more than just high-fidelity prototypes with Framer β€” http://bit.ly/2yv9Wuq
8
Juhana Schulman
Is it possible to alter the width of parent layer with code and have the child layers change proportionally according to the layout-rules set in design mode? Or do the layout-rules only apply in Framer's design mode?
0
Emmanuel Henri
Amazing job Framer team! Looking forward to update my courses with all those new features!
1
Caroline Craddock
Hey guys! Looking for some help. How can I display the individual layers from a group in Sketch in the imported Framer file? I've attached screenshots of my Sketch folder structure and the Framer layers. I want to be able to animate these individual layers from my Sketch file (within the StatusBar folder) - Caroline
2
Eli Beitzuri
I'm having a super frustrating experience trying to *securely* deliver my framer prototype to a 3rd party research company in a foreign country. Framer Cloud goes into an endless loop of sending a link to the invitee and then the linked page says to look for an email with a link. I tried setting up my own server with a directory that was secured using .htaccess. But the mobile app doesn't support this kind of authentication. It's cost me and my team a lot of hours in trying to find a way to make this work, and has had the effect of creating a pretty negative view of the tool. Has anyone found a good way to securely deliver these prototypes?
3
Karan Murthy
These are just initial mock-ups and a lot more to be completed . I was reading the article of Head of Design , Facebook and actually found it to be true . β€œIt’s difficult to add features without making the App / Service Complex β€œ
0
Ayman Elafifi
Hello all, if there any tutorials in Framer to build something similar to this logo animation effect?
5
Kenneth Spry
My work forbids me from using Framer Cloud. It’s important that I be able to share my prototypes simply with people who don’t have licenses, ideally for mobile and desktop. I’ve figured out how to get the index.html to load the prototype for Mac Safari by adjusting the settings, but it shows only the phone simulator in Chrome. Nothing works for mobile. If I could get some good instructions on how anyone with Windows or Mac can view/test a prototype, that’d be great. Mobile is a bonus. Thanks!
1
Felix Lorsignol
Hi, is there a way to disable the Access Code needed to access prototypes? We are running some prototypes on a screen that we cannot actually input, but is responding to events sent by socket.io. We need to bypass the access code screen and jump straight to the prototype. Thanks.
0
Cezary OΕ‚owski
Hi, I have a frustrating problem and I do not know how to solve it. I'm trying to use EventListener with inputs, so when you press "ENTER" the label and a tick will turn green. But when you do that, suddenly a strange grey layer appears on top. It also happens on Cloud. Do I have bad syntax here or this is something else?
3
Joseph Reni
is there any way to change the cmd-shift- > to nudge 8 instead of 10?
3
Jonathan Zazula
Are there known performance issues with Framer Prototypes on Android devices? Help
1

October 20

Koen Bok
Dear Framer users. What are you favorite JavaScript interface frameworks besides Framer and why? What great parts should Framer also offer in a future version?
16
Π’ΠΈΠΌΡƒΡ€ МинвалССв
Hey guys. I’m searching for library to get access to the camera device (iOS). I find this GutHub project https://github.com/ktcy/CameraLayer, but it’s working only in Web Chrome/Android. I need get access to iOS camera. Have anyone solution? Thanks.
1
Emily Rautenberg
Besides editing Framer.js, does anyone have any suggestions about editing default TextLayer attributes? For example, I can do: Framer.Defaults.Layer.backgroundColor = "red" but not: Framer.Defaults.TextLayer.fontColor = "red" So far all I've found is this: https://github.com/koenbok/Framer/issues/490 Is this still in the works? *hopefully*
2
Javier Eduardo TreviΓ±o
what are some ways to make my prototype run faster?... I am still a beginner so I don't know them, I've been using Framer for a while but only for very basic experiments. Now I am starting a company where we'll use Framer for our prototypes but I can't seem to make it run faster on the Framer app, in runs very fast in desktop Safari but it runs quite slow on my iPhone using the Framer app Here's my project:
5
Blaine Billingsley
What is the best way to do a tray that scrolls? So like, it's draggable up to a certain point, then scrolls within it. When you scroll up, it scrolls to the top and then is draggable down after that?
2
Lukas Guschlbauer
I'm currently hacking on a "Camera Button"-Prototype! If everything works well and I can somehow improve the efficiency, I'll make it a module! (Though this could actually run smoothly on a newer phone...) It's inspired by Astropad's efforts! Read about it here: https://medium.com/astro-hq/camera-button-ba3d8c493cbd
8
Isa Ojanen
Hi guys, I'm having a bit of a problem with getting a sketch file to be scrollable. My current variation of trying to get this to work is this: sketch = Framer.Importer.load("imported/Org-stats%[email protected]", scale: 1) scroll = ScrollComponent.wrap(sketch.content) sketch.content.scroll = true (content is my main group in Sketch that contains everything) But no luck yet. Help?
2
Bob Zubkoff Jr.
I am having trouble getting the flow component to work with a scroll component implemented. In the attached project I just want the button to take me to the next art board. But that will only work if I remove the scroll component. Anyone know how to get this to work?
0
Anton Kosarchyn
Hi, guys Why this code doesn’t work in Framer Studio? PS: in Chrome’s console it works fine.
9
JiHoon Lee
My first apple watch prototype with framer. draw the reserved pattern to run the app.
1
Utsav Shah
Hello. I've made a prototype that dynamically loads data from Spotify API. It works perfectly fine in the Framer preview desktop. However, I see a blank screen on the Framer cloud and a "Could not connect to server error" on the Framer iOS app. Chrome displays the error as it prevented the data from being displayed as it set 'X:set-frame-options' to deny.Google tells me this is for security reasons. Is there a way around it?
0
Elliot Nolten
How can I enable the mouse wheel in a Flow Component?
4
Jorn van Dijk
Its a big day for design tools, so it can’t hurt to ask for upvotes around the web. Thanks! Product Hunt: https://www.producthunt.com/posts/framer-export Dribble: https://dribbble.com/shots/3883536-Framer-Export Designer News: https://www.designernews.co/stories/88491
8
Andri SigurΓ°sson
Why am I unable to upgrade to v103 of Framer? Trying to load a project created with v103 but my Framer says 102 is the latest version :/
1
Peter Ng
hrmmm any easy way to get something like Device.pixelMultiplier or Screen.devicePixelRatio? Something that will tell me what devicePixelRatio is for the devices vs the current desktop i'm coding in. Would love to get that variable to size mapbox to the right size since i'm creating it with js outside of framer at like 2x on a 1x screen.
1

October 21

Alan Travis
Check this out... I modified the super secret GridComponent and added drag and drop to it... As well as leverage the the giphy module to add stickers FTW!
5
Aaron James
Still need some help. Anyone up to accept the challenge?
2
Hunter Thompson
Is there a way to mask an image within a rectangle in the design tab? I want an image card/thumbnail to expand to a full page on click.
1
Vlad Mafteiu Scai
I noticed that when I press Cmd + D to access the documentation, the font weight used for the code is way too thin. Makes things very hard to read. Using High Sierra here.
0
Taoxi Li
Hi all! I have a perhaps nuanced question about hand gestures in Framer. Is the β€œpanning” gesture basically β€œdragging” + β€œpinching”? I watched the tutorial (https://www.youtube.com/watch?time_continue=201&v=KazPBsHYxHI ) on creating gestures with Framer. At around 3:00min, the instructor said he was panning & pinching, but in the live demo at the end he said it was drag and pan… I also checked out the material design guide and they differentiate the drag & pan too (https://material.io/guidelines/patterns/gestures.html#gestures-drag-swipe-or-fling-details). So I’m wondering if that was just a slip of the tongue in the video, or does Framer actually has its own ways of handling these gestures. Thanks!
0
Vlad Mafteiu Scai
I was wondering if there are any plans to support and export SVG animations more easily? There are some plugins or methods but they seem either outdated or hard to use.
1
Blaine Billingsley
If I switch a state, by default it doesn't animating. However, if I print the @.isAnimating property on stateSwitchStart, is returns true. Is there a way to reliably tell whether the layer is actually transitioning or just statically switching?
1
Vlad Mafteiu Scai
I made a cell, made some copies with copy() and put everything in a scroll view. I got 3 questions: 1. How do I remove(hide?) the original layer? I tried hiding it but it affect the copies as well. 2. I know this.animate works on the particular copy that the user interacts with. How do I hide every other copy in the scroll.content? 3. How can I access every copy that is above(visually, not layer hierarchy) the one selected? I guess something like another for loop and counting children index in the scroll view or something.
2
Grzegorz RΓ³g
Hi there! anyone up for a beer in San Francisco, monday evening?/greg form learnux.io
0

October 22

Iris The Poon
I'm experiencing a conflict between Drag and Click. I have tried this method but the click event does not fire everytime when it's a click. Any help?
2
Raul PerΘ›e
Anybody else experiencing issues when trying to upload to the cloud? It's been stuck like this for the past 30 minutes.
1
Dave Crow
I built my first prototype using design mode. I’m using Gotham in the design, but I can’t figure out how to get the font to load outside of my local environment for text layers that were created in design mode. I’ve tried loading the font by using utils.insertCSS and adding the font files to the Framer project. I’ve also tried linking to our cloud typography.com account in the index.html file. If I create a text layer in code, I can get the font to load. But how do I define the font in the code for a text layer that was created in design mode? I’ve tried doing it through layer.style, but that didn’t work either.
2
Vlad Mafteiu Scai
BUG: When you select a circle, it looks cut. When you deselect it returns to normal.
3
Blaine Billingsley
Here's another weird one: Working with Design mode for the first time and it seems like a layer's default state is created already for layers made from Design mode, rather than at the creation of another state. Is this intended?
2
Ian McClure
How would one add an event such as .onDrag or .onTap to a subclass of Layer? Can it be done in the definition of the class?
1

Monthly archives

2017

2016

2015

2014

2013