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

What is Framer? Join the Community
Return to index

April 2016

April 01

Ty Leppek
I'm trying to add a sketch group to individual layers of a page component and I can not figure it out for the life of me. Adding unique content to the page components and scroll components seems like more trouble then implementing them yourself with some custom dragging code. What am I missing?
2
Tanner Christensen
If I use CameraLayer in Chrome, is there any known way to record the video or otherwise save a still capture from it via Framer to re-use later in the prototype?
4
Alex Gilev
Guys, need your help Imagine you have 10 cards and you want to add shadow on mouse hover for the card. Could you help me? Thanks in advance! cardsArray = [ card1 card2 card3 card4 card5 card6 card7 card8 card9 card10 ] for card in cardsArray card.onMouseOver -> cardShadow() I want to show shadow for the card which I hover over, but not for all, how can I achieve it?
13
Tommy Soprano
Hi Guys. I have a popup element in my prototype. Is there a convenient way to disable touch events for all the underlying layers? Thanks
1
Arkadiusz Janeczko
Hello! Did anybody else encountered problems with importing sketches after last updates, from both Sketchapp and Framer Studio?
1
Henrique Gusso
I have a draggable element with a button inside, but whenever the element is returning from an overdrag or sliding because of momentum, the tap on the button doesn't register. Has anyone faced this before and come up with a solution? Any pointers would be great, thanks.
0
Daniel Caine
If you can detect when a video has ended by using: videoLayer.player.addEventListener "ended", -> videoLayer.player.play() How can you detect when it has began? 😂
1
Adrián Mato Gondelle
Hey, guys! Probably this is a dumb question that might be replied many times but I'm having a tough time with this… Is there any way to import a web sketch design that doesn't look blurry? I'm designing at 1x in an artboard of 1280x800 and it's impossible to get it look right when importing it. I've tried to import it at 1x and 2x but still looking wrong. I'm seeing the prototype without any frame / device, in presentation mode in full screen 100%. Am I doing something wrong?
0
Etienne Lamotte
Hi guys, on windows I`m forced to use the open source version of FramerJS (without the mac editor) so I use Prepros to compile my coffee code and trigger an hot-reload. It's works well but I can't integrate any Framer modules ("require" command generate an error). Am I the only one? Is there any way to use modules with the open-source version?
0
Andy Cetnarskyj
Has anyone made a template with the iOS interaction of minimising the header and hiding the browser footer on scroll down?
1
Johannes Eckert
argghhblrblrrhlhr! so hard to type in a 0!
6
Sergey Protopopov
Hi, gues! ) I want to create some kind of clock. You can click and rotate minutes. But after angle is more 360 I want to rotate hour. But how to make it without this jumping after I make angle = 0
0
Aalok Trivedi
Semi-unrealistic feature requests(?): 1. More control over share links (ability manage and disable past links of a particular project) w/out having to email customer service. 2. Real-time updates of share links. i.e. not having to create a brand new share link every time you update your project. ...a la Invision
0
Gabriel Wurzel
Hi Framers! I'm trying to create the effect of a background image fade in as I scroll down a website. It looks great except that I actually have to be clicking while I scroll past the Y value. Is there a way to have the animation occur if I "flick" the animation from the top of the scroll (y = 0)? Code screenshot below. Thanks!
3
Essie Zare
Hey guys, So apologies as I'm pretty sure this is very simple (you will probably get a lot of stupid questions like this in the next couple of weeks from me). I'm a product manager dabbling in design and prototyping on a side of the desk project for a POC. Any good ideas on how to get the button pop out effect (when it gets bigger with a bounce when you hover over it)? I spent the weekend reading through the coffee script e-book but honestly have hit a wall. Thanks in advance for your help (i'm sure this is an easy one)
3
Javier Eduardo Treviño
a bit off-topic but I think you guys are the right people to ask this: really like how one of the Twemojis looks on my prototype but also on a logo I'm working on ? do you guys think it's legal to use it ?
2

April 02

Marco Paglia
Dear Frameristas, do you know if it's possible to animate an object (a layer basically) along a path?
5
Jithesh Ramesh
Springy dial on a watch
0
Philippe Côté
Hello, While trying to trim down the size of my Framer package, I was curious to know what was the purpose of these files or folder: - framer.js.map.old - framer.js.map.old1 - framer.js.map.old2... - framer.js.old - framer.js.old1 - framer.js.old2... - backups/ Can someone help me on this? Are these safe to delete? Thank you very much.
3
Peter Kubin
is this working for anybody? on my side it just returns 'undefined'. layerA.on Events.SwipeRight, (event) -> print event.distance
4
Ronan Rooney
Hey there! For each value in an array, I draw a box. Each box has a circle child inside it. I can successfully change the box's background when I tap on it, but I have no such luck for the circle inside the box. I'm stumped! The circle is a child inside the box. How can I affect the child, just like I do the parent?
2

April 03

Jinglu Liu
Hi, I made a simple animation, if I scroll up, the bottom tab bar moves down to the outside of screen, while I scroll down, it returns the initial position. How do I distinguish the scroll up and scroll down? or are there any other ways to do this?
4
Geunbae Lee
Hi, Can anyone tell me the reason why the shapes overlap when I click on the shape really fast? circle.on Events.Click, -> if circleBig.opacity is 0 circleBig.animate properties: opacity: 1 time: 1 indicator.animate properties: x: 100 curve: "ease-in" time: 1 squareBig.opacity = 0 diamondBig.opacity = 0 ovalBig.opacity = 0 else circleBig.animate properties: opacity: 0 time: 1 This is my code for one shape, circle
1
Eryk Orłowski
how to pin a layer to right/bottom edge of the canvas? I get some margin I cannot eliminate. code: kw = new Layer width: 200 height: 200 kw.x = Canvas.frame.width-kw.width thx!
7
Sergey Prostov
Hello everyone, can you tell me how to scale group of the layers simultaneously, keeping the proportions between them?
1
Pasquale D'Silva
Made this weirdly sensual tentacle... https://www.instagram.com/p/BDtoEAXjOar/?taken-by=pasquale http://share.framerjs.com/nc9f40q5r1du Feel free to remix it into something weirder!
5

April 04

Nick Bewley
Working on a scroll Interaction, but updateContent() is not working as expected.. I want to update scroll.content height after animating.. Tried this: @states.next() @on Events.StateDidSwitch, -> ---- scroll.updateContent() But doesn't work as expected. Anyone faced this problem? Thanks for any ideas. (also tried @on Events.AnimationEnd..) http://share.framerjs.com/azbauovs8ld6/
2
Joshua Crowley
Anyone have any tips/resources for handing over framer prototypes to developers (specifically web). Like for example, if they want to recreate a layer's drag properties is there a specific javascript library they should look too? Framer gives you all this power to be quite creative and inventive, but that also can create a lot of tension for the devs, who have to make it bulletproof.
2
Eryk Orłowski
Import from Sketch — any suggested technique to avoid Scrollview/Pageview when dealing with multiple artboards? Lets say I want to create a bottom navbar with icons pointing to different artboards and dont want them to be available onSwipe.
0
Essie Zare
Me again with stupid question #2... if you create a bunch of layers in a loop how can you go back and reference them individually? The normal array concept does not seem to work with layers unless I'm completely missing something..
7
Koen Bok
Sketch Beta 3.7 has a bug with plugins, so import won't work until they fix it. For now the fix is to use 3.6. It should be solved soon.
1
Jack Barnes
hi guys, I have a scrollComponent, the background shows the default blue unless you add content to it, any way to work around that ?
7
Tes Mat
Update: The book is for sale now! ------ Hi, all! I just finished a book about Framer. As you can imagine: Something that I planned to do in “Well… maybe a few months.” demanded a bit more time. (half a year) Anyway, it will be for sale, starting tomorrow, at a launch price of $69 (normally $99). More info is here: https://framerbook.com/ And also in the mail that I’ve just sent to all the mailing list subscribers: http://us4.campaign-archive2.com/?u=5288e3a550a334cc1295d5e2a&id=af7d84832c Here’s the promo video:
20
Aalok Trivedi
So I think importing from Sketch doesn't import transformations you've already put on that layer (rotate, reflect). This is effecting certain states. I tried getting rid of the rotation in sketch and setting it in framer, but it's not working. The icon should start in the up position and rotate 180 whenever you click. http://share.framerjs.com/383ub3149wgy/
2
Tony Jing
Hey Framers, I've prototyped an iPad app. Is there a way to view it on the iPad without seeing the device? Right now I'm seeing the iPad background image in both Safari and the Frameless app. Thanks!
4
Essie Zare
Hey Everyone, Yes Me again :) Is there a way to loop through all layers in a specific prototype? For example I uploaded a big chunk of my design from sketch however through the course of the development I've added a lot of layers on top of it. Is there an easy way to loop through every layer to make them move off the screen or am I stuck calling my sketch component and my individually created components separately to reset their values to move. Thanks in advance for your help!
3

April 05

Ashwin Khurana
I've imported content from sketch and have made the content layer scrollable (everything below the nav bar). On click (the X button), the tooltip disappears and I've shifted up everything below in the content layer to meet the nav bar. The problem is that when I scroll through the content to the bottom of the screen, there is a black space below my content = to the vertical space the tooltip took up. I tried scroll.updateContent() but either I've done it incorrectly, or I'm not actually thinking about how to solve this problem in the right way. Thoughts? It could be that I faded out the tooltip layer but it's still being included in the scrollable content calculation... but I destroy the layer on click
2
Ty Leppek
I'm using an event listener and the keydown property to propagate keyboard events thanks to this snippet http://codepen.io/ezh/details/Xbxgjv/ (Thanks Ezzat Chamudi) but I can't get framer to pass the left command key '91' on a mac, it passes the right one '93' no problem. Would metaKey solve my problem? I can't seem to get that to work either?
5
Etienne Lamotte
Hi guys, on windows I`m forced to use the open source version of FramerJS (without the mac editor) so I use Prepros to compile my coffee code and trigger an hot-reload. It's works well but I can't integrate any Framer modules ("require" command generate an error). Am I the only one? Is there any way to use modules with the open-source version?
4
Ee Venn Soh
Having a little bit of trouble trying to insert a scrollComponent within a pageComponent. page.content.on(Events.DragStart, function(event){ scroll.content.draggable.enabled = false; console.log(testScroll1.content.draggable.isDragging); }); Boolean value is still "True". Hence the scroll content is moved as you interact with the pageComponent which is not great. Any fix?
3
Benjamin Fritz
Hi community, quick question: How can I prevent a button layer from being actionable through overlaying layers? It should be actionable as soon as it's parent layer is the frontmost layer. Should be simple but I'm stuck currently :( Thanks again for your invaluable help!
2
Sigurd Tapio Mannsåker
Hi guys, quick question regarding modules: I tried doing require('MyModuleKit/SomeModule'), without success. I was hoping that I would be able to organize my modules into folders to avoid name conflicts etc. Maybe I'm doing it wrong – is there some other way to do this in Framer? I'm working on a small suite of niche modules for a project, so I want to avoid cluttering my modules folder. My plan B is to add a common prefix to the module names to keep it under control, but a folder would have been tidier.
1
Piotr Kuklo
Hello Framers! I am trying to create a wheel that will show up after user tap and hold a finger to choose a number. Number is saved after user stops holding. Video would explain it better ;). To scale a number I am using MouseOver and MouseOut. Everything is working fine on a browser but not on my Android phone. Any suggestion how to make it work on mobile?
3
Veronica Jimenez-Miller
Hey framers! I want to add an state and set it as default. Do you know how can I do that? Thanks!
3
Nguyen Thanh Tai
Web game made by cocos2d js http://appforearn.com/getarrow/
0
Ashwin Khurana
Having some difficulty with scrolling. When I click on "X" to remove a layer (notification dismiss) from within the wrapped content, I'm unable to update the height of the ScrollComponent. Thus, when the notification is dismissed and I've moved the rest of the content up on the screen, there is extra space at the bottom of my screen equal to the height of the dismissed notification. Thoughts? Is there any way to target the inserted content layer and to force adjust the height? http://share.framerjs.com/0v6c51hgky0k/
0
William Song
Circles Everywhere! http://share.framerjs.com/czj3ig0gb0mu/
10
Eli Beitzuri
I have a prototype using vertical paging. A tap on any page triggers nextPage(). Is this a new feature of the page component? Is there a way to disable it?
2
Jack Barnes
Hi framers, I just finished a prototype that I am very happy about , the pages components jumps crazy , is this a bug?
5

April 06

Chris Lee
Has anyone implemented the Android overscroll effect (circular glow instead of iOS's overdrag) in Framer?
1
David Lim
Hi, I had purchased a license back in July 2015 but my license key doesn't work with the latest FramerJS. Do I need another license key?
2
Naema Baskanderi
Hi All, I'm wondering how much you are using framer? It's one of my prototyping tools....I use it when I get closer to the end "higher fidelity" of my prototype. I also use invision to get flows down. Side note: wrote an article about psychology + prototyping
0
Tebza Ngwana
Suup Framers How does one place BringLayerToFront without them having to share the same parent?
1
Matias Seijas
Hi everyone! I'm close to finish building a smart closet for my Master's Thesis, so I'm trying to gather your responses to build an Artificial Intelligence that can create smart outfit suggestions. Please answer a few questions and help me make this smart closet a reality 🎉 Thank you!!
0
Daniel Caine
Hey, has anyone got any decent examples of circular menus? Like this:
1
Ruben van Gaalen
Hi guys, I want to show a layer after an onDragEnd event (succeeded already in this), which disappears after a few second (like a toaster, didn't succeed in this yet). What would be the best way to code this? Thanks in advance!
3
Miki Setlur
I've been getting stuck with layers not updating height. When you destroy a child layer, how can you update the parent's height?
0
Lynn Liangying
Hi friends, how to select multiple layers at the same time? for example: part1.animate properties: x: -75 y: 20 time: 1 delay: 1.5 what if I want to animate part1, part2,part3 at the same time with the same properties?
2
Mike Feldstein
Anyone have a way to access a users camera roll in framer on ios?
2
David Louie
Thanks to Framer, filed for a provisional patent for viewing annotations on video, images and documents for mobile. Thanks Framer peeps for making a great tool that keeps getting better.
2

April 07

Mustaine Daverani
Tattoos for Women by BrisaJules on We Heart It
0
Mike Johnson
Hey all, just wanted to share a demo of a new module I've been playing with. I named it LayerTree and it lets you access the hierarchy of imported layers by name, so things like 'artboard.group1.layer.width = 100' Here's a quick video and the github link: https://github.com/tehfailsafe/Framer-LayerTree Also I'd like to start making some more screencasts and tutorials, any recommendations for things? There's already a variety of good stuff out there, so intro level stuff seemed covered... What do you think?
9
Lukas Max
Hey guys, i have a strange problem. I worked on a prototype the last days. Now I want to share it so that i can send around a link. But if i want to do this i get this error message (see the picture). If I open a new project and I try to share it it works completely fine. Does anyone know what happend or what I have to do?
7
Tarun Chakravorty
Hey framer friends, has anyone encountered positioning issues when importing from sketch in the latest framer version? I tried importing my sketch file into the most recent build (v60), and the positioning of certain elements is off for no apparent reason. If I reimport some elements get fixed, but it isn't consistent. If I import the same sketch file into an old framer build (1.14.14), the file imports correctly. Any suggestions on whats happening here will be useful.🙏
0
Fred Madrid
Hi all, is there a way to use the animation in production for web apps or websites. Like having the ability to export in css or js. Right now I use gsap. Thanks in advanced
0
Min Hu
I'm using the TabBarModule to create a prototype. I have a status bar layer that I want it to show up in each screen and stay consistent. When I created a new layer for it, it got automatically added as a subLayer on the tabBar Layer. Is there a way that I can place it outside of the tabBar Layer?
0
Dave Crow
I just uploaded a prototype after upgrading to the new version of Studio and it looks fuzzy in Chrome, but sharp in Safari. Has anyone else seen this? http://share.framerjs.com/qmz9uut7aybk/
10

April 08

Kars Alfrink
Any Framer users in Singapore who'd enjoy an informal low key meetup?
2
Mike Hughes
Having a problem with Canvas image scaling on v59. Have an image, which is under the size of the canvas ie. image is 1280x800 PNG, and Canvas on my MAC is 1440x800 in size, but the background image is being scaled up too far. Image of result and source image. Code is simply: Canvas.image = "images/backgroundCanvas1280x800.png" print Canvas.size print Canvas.frame
4
Stephen Crowley
If you are in the Seattle area (or visiting) next week, please join us for our 11th Framer.JS Meetup at Uber's Seattle office (shout out to co-organizer Jordan Robert Dobson and our host Isaac Weinhausen) https://www.facebook.com/events/218948791793864/
2
Chip Dong Lim
Framer is mentioned here :)
0
Floris Verloop
Hey guys! We’re excited to host our second Framer meetup in Amsterdam next week. The team will be there to walk you through the basics, answer questions and help you with your prototypes. Join us to learn more about design tools, prototyping and all things Framer. RSVP here — https://nvite.com/AMSFramerMeetup/ab0d
5
Ben Rodenhäuser
It used to be that Framer would cut down all imported Sketch layers based on the size of the artboard they live on (i.e., if a layer is on an 800px wide artboard, than it will be 800px wide in Framer, even if the layer itself is wider in Sketch). But not anymore. I wonder: Is there a way to get back the old behaviour? Thanks, guys!
2
Junhyuk Jang
I made animation that using 'utils.random'. I wanted to draw more artistic icons but it was too hard to me, so I just made it with code. http://share.framerjs.com/wxwydtj7giq3/
2
Darin Dimitrov
Hey guys, weird problem with the delay Utility here. On line 90, I'm trying to destroy a layer after it's been put out of sight (pretty standard stuff). It works great without the delay, but when wrap it in a Utils.delay, it starts applying to another layer. It's probably something scope related. Here's the code: http://share.framerjs.com/0qccqnqerprm/
5
Ronan Rooney
TIL: It's a lot easier to debug animation problem if you make a recording of your animation and play it back frame-by-frame. I recommend something like QuickTime Player, Screeny, or anything that can record your screen.
2
Somnath SN
http://uxgraphy.com/framerjs/playlist.framer/ Created my first prototype it framerjs. My mobile's device scale is 4x so uploaded version is also in 4x. Do I need to save differently for every device scale(2x, 3x) so that it renders properly on respective devices or there is code which can adjust accordingly.
3
Aleksandar Zezovski
Hi! How do I treat a Photoshop import as a layer? When I click on "Sveavägen" I'd like it to change screen to "homeView". http://share.framerjs.com/lgxorf24wutp/ The module that's used is from: https://github.com/chriscamargo/framer-viewNavigationController
5

April 09

Albert Ramirez Canalias
Hey everyone, I'm thinking of organising a Framer meetup in Barcelona and would like to know how many of you are based in Barcelona or would move to it (that day) just for the meetup. Thanks :)
5
Davey Heuser
Hey guys I wonder if there's a way to disable click events on children of the scroll component (on scroll). I've been looking for an answer in this group but I wasn't able to find a solution just yet. I want to know this because my respondents trigger click events by accident on scroll. I can share my prototype if needed :)
1
Pasquale D'Silva
Not sure if this exists, but would be cool if you could option + drag (or similar) an image/video into framer, and preserve the location of the file. I work with a lot of video, so I'd rather not copy it into the project each time... 😵 Or maybe I'm missing something, and this exists already?
1
Darvinder Singh Kochhar
Hey guys - I am really grateful to have received awesome support from you guys when I was working on my project and trying to learn Framer from scratch. A big shoutout to Danny, Marc and Jared for helping me learn more and finish the prototype. http://bit.ly/ghobbies Thanks a lot and I hope to see you guys soon at the Framer NYC meetup. Cheers, Darvinder
1
Sigurd Tapio Mannsåker
Hi guys, quick question: is there a way to reference a global variable from within a module? Say I declare foo = true in app.coffee, I don't appear to be able to use window.foo from modules/Bar.coffee for example. Any ideas?
1
Rafael Conde
Any idea how can I declare an Event inside a for loop? For example: for i in listCells[1..4] i.onMouseDown (event, layer) -> i.states.switch("fingerDown", curve: "spring(60, 25, 0)") The animation will only target the last element of the array. Here's a quick example file:
3

April 10

Jiaxin Chen
I'm so exciting about Framer's next big thing. Recur this new Framer animation with Framer Studio for fun. Check out here: https://dribbble.com/shots/2641937-New-Framer-Animation
1
Kasper Germann Kramme
How can I use a image as a Framer.Device.background.style?
3
Naman Kalkhuria
I am having problems deciding on the artboard width. 750 and above seems to be working fine when contentScaled. How to make sure that it gets scaled properly on framer preview and also on the framerjs app on android?
0
Noam Elbaz
https:[email protected]/what-s-framer-got-up-their-sleeve-d394d072fc25#.qu2nehp6a
0

April 11

Noam Elbaz
FramerLove
2
Piervincenzo Madeo
Hey! Waiting for the next big release of Framer, I've published an article about my current UX design workflow with Framer and Sketch, automated with Gulp. What do you think? “Automate your UX Design workflow with Framer.js, Gulp and Sketch” @piervix
5
Albert Ramirez Canalias
Hey Everyone, Just one simple and easy question... Is there any way to add text input without any kind of module? Thanks :)
2
Trevor Phillippi
Soooo until recently, for Sketch importing there was a nifty little undocumented layer property named "_info" that contained some sweet stuff, including whether a Sketch imported layer was of kind "text" and then within the "metadata" property was included the string and a mind-blowingly great array of CSS key/value pairs. I know this is the risk you take on when building stuff on undocumented properties but I was wondering if this info was moved somewhere else (doesn't look like it by JSON) or if there was a way for me to get these properties back somehow?
3
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/
9
Tyrale Bloomfield
It's be great if we created a Framer.js Slack team...
13
Keith Lang
Request: I know there are nice sites that take JS and convert it to CS.. would love if that was available directly inline. The world is full of examples of how to do something in JS, and this would save a step. Flow: 1. Paste JS into Framer 2. Some non-blocking notification asks if I want converted to Coffeescript 3. I click 'Convert' and ta-da! Now nicely formatted (tabbed instead of spaces etc) Coffeescript
0
Parsa Kamali
framer friends: annoyingly cant make something seemingly simple happen, looking for some help. i have a list of rows that i want to highlight when hovered over and then retain it's background color when clicked, a "clicked state." whenever i code the "click" onto the row though, the "mouse out" automatically changes the state again so the selected state never persists. have tried "if" statements that only run if the hover interactions if the state is default but it seems like it is never detecting the correct state so those statements never work. not sure if it's me or something with the states. is there another technique to achieve this? seems like it should be easy! image attached of the states. THANKS
5
Jinn Rong Wang
Hey Framer-ers! Do anyone know a few awesome prototypes that are web or desktop apps? And I just found this on CodePen (http://codepen.io/alowenthal/full/rxboRv/), really awesome! Also, can Framerjs nail it instead of thousand lines of code? Appreciated!
0
Ricardo Clérigo
Hi folks, I was wondering if anyone has any guidance for going from prototype in framer to animation in swift/xcode? Our dev team ends up trying to recreate the animations manually but the effect is not quite the same. Help?
1
Édouard Urcades
Quick Q: How might I go about iterating a sketch.app–derived layer across many programmatically–created layers? Attaching small snippet of what I'm trying to do, assumed making the single app.innards sketch layer a child of the post(s) would work
3

April 12

Chris Wang
Hey guys, if I try to select a layer through sublayer hierarchy, I get "undefined" error. I know it's suggested directly select a sublayer by name on Learn page. But if I have several layers that share a common sublayer style, do I have to name each of the sublayers to differentiate them? Can I just select like, Sketch.layerA.overlay, Sketch,.layerB.overlay, Sketch.layerC.overlay?
3
Jochen Leinberger
Hi, In order to synchronise events across different Prototypes aka #Multiscreen Prototypes i worked out how to use #MQTT within #FramerJS. Find the Source here: https://github.com/JOxBERGER/mqtt.framer & here: http://share.framerjs.com/c98f8j0g62u1/ You can try out a Demo MQTT Controller here: http://explorative-environments.net/MQTT_for_FramerJS/ MQTT is a machine-to-machine (M2M)/"Internet of Things" connectivity protocol http://mqtt.org/
0
Rich Armstrong
Yo! I've published an Intro to jQuery class on Skillshare. Free for you guys –
0
Troy Mcilvena
Is there a way to stop Framer Studio renaming/appending duplicate group names on import?
0
David Fumberger
Hey all, thought I'd share a small preloader module that I've been using when sharing larger prototypes that benefit from ensuring images are loaded before things kick off:
5
Javier Eduardo Treviño
do you any of you guys know what's the percentage value for material design palettes in SCSS?
1
George Papadakis
Any chance support for ES6 (or vanilla JS) will come with new Framer?
0
Jonas Treub
I’m super excited to introduce the VRComponent to you today! I’ve been intrigued by VR in the past couple of months and started experimenting with it inside Framer. Those experiments led to the release of VRComponent today and I’m stoked to see what you’ll design with it. More info on the blog: http://blog.framerjs.com/posts/design-virtual-reality.html Starter template: http://share.framerjs.com/04xirgfmtlw6/
29
Fran Pérez
Hi guys, I've just finished a small module to toggle a perspective view in your prototypes. You can also rotate the view by panning left or right. Example: http://share.framerjs.com/b9i9r2m80xf4/ Github: https://github.com/mrrocks/perspective-view Known issue: I haven't been able to change the default perspective to 0 in Chrome.
17
Hannes Waller
Hi guys, My company is arranging a small one-day conference here in Oslo on friday and I'm doing a short talk on Framer and why it's so awesome :) Towards the end of the talk I'm going to showcase a few cool examples. If anyone has done something and wants to share, let me know!
4
Russell Wyatt
A little under 4 hours to go and I am impatiently waiting. So stoked!
0
Oriol Noya
Coincidence? I Think Not!
13
Junhyuk Jang
old version pavicon is still here, or is that new one?
0
Horacio Mejía-Galarza
Hi!! I was wondering what happens with image quality when you share a prototype, I've seen shared projects with high quality but mine just keeps getting blurry. This is not the case when I click "present" on my computer, here's the screenshot:
4
Devin Abbott
I'M SO EXCITED. JUST 5 MORE MINUTES.
5
Jitendra Vyas
My framer activation code is not working. I had purchased it on 5/15/15
1
Floris Verloop
Hey everyone — our homepage just went black. We’re counting down to our most ambitious release ever and we can’t wait to get all the new stuff in your hands. It will be officially launching next Tuesday. If you’d like to help, please share our landing page on Facebook and Twitter — framerjs.com.
49
Kishore Doddi
http://www.fastcodesign.com/3058803/cant-program-now-theres-a-wysiwyg-for-designing-with-code/
0
Jordan Robert Dobson
http://designerfund.com/design-everything Has some tips from myself, Chris, George, Noah, Josh... check it out.
0
Tebza Ngwana
Sup fellow framers i've encountered a problem i was hoping yol could help me out. i've got a function that creates a progress bar, now i want to attach this function only to a certain layer. any ideas how i can accomplish this?
13
Josh Ackerman
Hello, Now that I have some more free time, I will be posting projects more often. Here is the basic idea behind a widget to choose fonts. In the future I hope to add some more function to it. As of right now there is a minor bug which occurs when the user scrolls to the end of the list. This is because there is not a left or right page to apply to opacity effect to. I would appreciate any help fixing this. Despite this, here is a download link. http://share.framerjs.com/4lhcfjfa4k4v/ Edit: To make this more visible, here is fixed version by Andrew Nalband http://share.framerjs.com/m4ay3yk1kur3/ Like on Dribbble: https://goo.gl/3mLzqG
5
Mark J Harvey
Hi, I've tried to learn Framer quite a few times but every time I struggle immensely at doing the most basic things like getting a layer to be scrollable or giving a layer a swipe property. Today with the new Framer release I decided to take another crack at it as the updates looked really good. I am trying to do basic "mobile onboarding" screens with circle pagination. I have read this http://framerjs.com/examples/preview/#pages-simple.framer#code and been through the documentation but am still struggling. What is happening is - my 3 paging screens are changing y position when I swipe to them - the first screen has a background that is actually wider than the screen.width and I would like that to show when I try to swipe past it (left edge) - when it first loads the first screen has a very low y position (incorrect). Once you try to swipe it, it changes it but cannot go back to it Things I would like to do after I fix these issues: - have other layers animate when the screen is paged to (not sure how to describe this)
0
Leonardo De La Rocha
https://instagram.com/p/BEHVP5swVd0/
0
Richard Kho
I'm using ScrollComponent to create a scrollable list within my prototype. I've used ScrollComponent.contentInset to 'hide' the top item in the list. Using this method, I'm not able to create something that represents a 'hidden' button that can be revealed and stuck in place once dragged out and fully exposed (i.e. the search bar in Apple's Mail.app for iOS). I previously hacked something together using the .draggable method on the ScrollComponent's superLayer (before the ScrollComponent was introduced), but that didn't let me tuck the top item under another layer. Any ideas for what I can do here?
2

April 13

Jeff B. Léonard
I updated to the new framer and now it keeps crashing AND telling me my free trial expired when I purchased framer and have a valid license... Please help. Koen Bok
12
Brian Yu
Hi guys, I'm trying to preview my design on the Nexus 6 (The old one). However the size/scale seems to be incorrect. (a 96pt item looks way smaller than it should be). Is there anyway I can do to fix that? It looks perfectly fine on the previewer and on iOS mirror
1
Kennen Pflughoeft
I just started a trial a few days ago, and downloaded the new version today, and now its saying my trial is done. Is this really a 5 days trial?
7
Bryan Xling
Hey, is it possible to use any type of Photoshop export/import feature on Windows?
1
Som Chakravarty
Are there any examples/tutorials for form design/form elements in framer?
1
Jiaxin Chen
Hi Framers, get stuck in this for loop: How can I get corresponding tag in this case? No matter what tag I click, it just return the last tag (tagE). What I really want is when I click tagA then tagA's opacity = 1, and so on. Thanks~
2
Randi Dumaguet
Hello, there's no update button on the dialog, there's an option to skip the update but no option to install it.
11
Jérémie Acquisto
Hello there, How are you? I m new on this group and I need some input from you. I saw FramerJs long time ago but I never took the time to jump on it. Now I want try :) But some question come to me: - I m sketch user and with framer, do it work well toegether? Do it really improve your workflow with it? - I often use programes to animate my layout for client presentation, Is it more easy to do it with framerJs? - Is it easy to "learn" all the aspect of the software when you know a little bite the code? - And last question, is the code usable for the production or not? Thanks for your attention. Have a nice day.
2
Paul Holliday
Is it possible to show the front facing camera feed on the actual device?
2
Julian Fleck
Hi there. There was an update to Sketch today (3.7). They have changed some things in regards of symbols and now Framer (the old version as well as the new) doesn’t recognize and import Symbols anymore. Just thought I’d let you know.
2
Christian Ressör
Hello, I'm on a laptop and when I'm working in Framer there is no way for me to move around in the preview window when zoomed in. The "Hand"-tool is greyed out for me and I guess that's the tool to use for moving around in the preview window. Any ideas?
2
Brian Beavers
I have a license I used on one computer and want to transfer it to another (I'm selling the other computer). I cannot find the activation number but I do have the license number. Sent an email to support but haven't heard back yet...
2
Paul Andrews
Did the price jump in the last few days? I was looking at Framer and it seems to have suddenly changed price!
5
Baisampayan Saha
With the new framer update...some of the examples given at framer website are not working...one example is
5
Benjamin E Saravia
Here's an idea: Why don't join forces with Apple/Google, so developers could easily pick up framerJS files with UI+animations and just complement the (missing) code. PS: I love the new version, it's speeding up my day already.
0
Pondd Suwitcha Sugthana
Hey guys - I tried the new framer.js+sketch today. Have to say I am loving it. I tried to make a simple music app.I blog about it here.
0
Adria Jimenez
Just updated my Framer online course to cover all the new big update from Framer, now with a total of 81 video lessons :) Enjoy this 50% discount coupon: AUTOCODE http://www.startprototyping.com/learn-prototype-framer/ And as always, the update is done across all distribution channels. I hope it helps :)
7
Geoff Brandenburg
Can you use Framer code in your final app, or is it strictly internal to achieve the interactive possibilities of the prototype?
5
Giel Cobben
Hey guys, I have 36 layers in 1 scrollComponent. Each 3 seconds I move (Utils.interval) the scrollComponent the height of 3 layers in pixels with scrollToPoint. This way it shows 3 layers each time it moves. Everything works as expected but I want to make the animation a little bit nicer than just a linear moving list. I want to make it like the iOS Messages app where all the message move with a little bit of a delay. Is there any way to do this in Framer? I’m not sure where to start… Prototype: http://share.framerjs.com/ypra5uydyj5r/ Thanks.
2
Jochen Leinberger
Hi, is there any possibility for multi line edit in FramerJS Studio?
0
Flor De Litio
Hi everyone! I am new in this community and also using this software. So please, be patient with me haha! I would like to know how can I do a transition between 2 images that are fixed and don't move. Only showing and hiding some parts of each image. Something like this effect (Inventing the storm part). Only moving the transition edge. http://journey.lifeofpimovie.com/#!/waves Something like the transition between the real image and the computer image. Any idea?Thank you very much.
3

April 14

Fred Madrid
Have any of you guys heard this? I was wondering if any of you framers have used it
4
Chai Jeffery
HI Guys Just downloaded a trial version of Framer and am having a play and getting used to things. For some reason when I click "import" I don't have the option of importing a photoshop layer. Has this been feature been disabled on the trial version? Thanks guys.
1
Constantin Jacob
Honestly people, are there no bets running around what will happen today? Why not have some fun within the community ;) I'd love to see some bets and predictions but one should offer things. Like Dribbble invites or something Does anyone dare?
27
Lynn Liangying
Does any one know how to combine a website link with a layer? After click on the layer the browser will open the website?
1
Joshua Söhn
Total noob question, but how can you define multiple properties on an sketch-imported layer?
2
Meray Uyanik
Hi guys, It's the new post for new Framerjs ;) I hope like it <3
5
Sigurd Tapio Mannsåker
Hi guys, since the update I seem to be getting this error a lot. I've updated my project to the latest version, and I've commented out everything but the line where I require my module. The module itself has not changed. It seems a bit random too – sometimes it works, sometimes it doesn't, and I can't figure out why. Anyone else seeing this?
2
Angus Zhu
1) 3D rotation looks really glitchy on both Chrome and Framer Studio (Safari looks good). https://giphy.com/gifs/26AHAojIMxc4NBMOY 2) The updated framer.js seems to be glitchy on 3D rotation too (while the old framer.js works fine). https://giphy.com/gifs/l3V0wa71GrSGGhyne Any solutions?
4
Adit Gupta
I just updated to v61 and now it's showing that Framer is in Trial mode. I am running a purchased version. What happened? My license key is also not working.
3
Nicolas Quod
Ok guys. since two hours I try to bring down the ball as soon as touchEnd. I tried animations, statements and other things. I really do not understand. I do not even print on the touchEnd event. I want to move the ball on TouchMove Event, and place the ball on center at the end of touching. Sorry French guys make English mistakes
2
Jiaxin Chen
Framer doesn't support OpenType Fonts?
1
Parsa Kamali
Sketch Update Import Issues: Anybody just update sketch and have problems reimporting their sketch files into framer? Looks like Sketch's new Symbols build doesnt import into framer at all. I needed to detach all layers from the symbols to import. LMK if you're experience this.
2
Israel C. Evans
I am new to framer and I am only able to use the windows version of Framer.js. I've found a load of great resources for learning Framer, but they almost all assume you'll be using Framer Studio. Apart from a few helpful starting guides, which were linked to from the resources page, are there any recommendations or resources for Windows-based users of this schnazzy tool? I'm sorry for asking the following question, but I've seen surprisingly little on this subject other than statements that Framer.js (sans Studio) works just fine on windows, so here goes: Are there any plans for a windows version of Framer Studio? With most other platform bound software, there's usually a louder conversation on the topic of "woe is me, why can't X be on Y platform". Yes, that's me a little, but mostly I'm just curious and looking into learning more about this system.
5
Ben Adam
Any ideas on how to dynamically set the parent of scroll content within an inner loop?
1
Aalok Trivedi
Does anyone have any insight on the best way to use a framer prototype offline reliably? I want to be able to take my ipod to different offices/other places and user test without having to rely on internet. I've tried the frames app, which allows offline mode, but I find it to be quite unreliable.
0
Saulo Dourado
Hello, some beginner questions: Is there a way to add new devices to Framer? I need to add a FullHD TV. I also couldn't find how to change the canvas size, because in the doc all properties are read-only. Thanks
2
Eyal Shahar
The logo of the new Origami (by Facebook) feels familiar...
13
Robert van Klinken
The visual code interface is the best thing since sliced bread. I would love to use this when I'm writing layer.props =
1
James Bickerton
more trial time pretty please :-)
1
Israel C. Evans
I have something which may be a bit of a dumb questions, so please have patience. I've set myself up to be using FramerJs on windows with Atom.io as described here: http://www.prototypingwithframer.com/framer-on-windows-with-atom/ Many things work well (defining layers, BackgroundLayers...), but I'm having trouble defining components. PageComponent, ScrollComponent, SliderComponent all come back as not defined. Specifically, things like: Page = new PageComponent get an error like the following: Uncaught ReferenceError: PageComponent is not defined. That's just wacky, and it seems to be related to my particular set up as those commands work just fine in http://prototyp.in/ . Any ideas on what I might be doing terribly, ignorantly wrong?
1
Koen Bok
Our friends at Facebook announced Origami Studio yesterday. It is a design tool that uses visual programming to build things without limitations, just like Framer. If you are into design tools, you should definitely check it out. Congrats Andrew, Matej, Brandon, Julius and everyone else.
14
Noah Levin
If we're using https://github.com/facebook/pop — what's the best translation of framer's spring(.. , .. , ..) to hand-off? I'm new to it, but looks like they support stuff like: springBounciness springSpeed dynamicsTension dynamicsFriction dynamicsMass Is this using rk4 or dho? Just looking for best practices to make our lives easier.
5
Stephen Crowley
Hey Frameristos. We are going through and updating modules from http://framerco.de/ so they work with the latest version of Framer. If you have come across any broken ones let Jordan Robert Dobson and I know in this thread and we will prioritize based on immediate need. Thanks!
8
Keith Lang
Has anyone had experience using Framer to get and send data (JSON) to an actual service using webobjects? I guess a simple 'it's possible, but with a ton of work' or 'it's a piece of cake' would be useful enough to encourage or discourage me. Use case is a Framer prototype that talks to a raspberry pi. Thanks!
6
Ricardo Clérigo
Hi folks, I was wondering if anyone has any guidance for going from prototype in framer to animation in swift/xcode? Our dev team ends up trying to recreate the animations manually but the effect is not quite the same. Help?
5

April 15

Charlie Sneath
My video stops playing when I put it in a parent with: videoLayer.parent = sketch.videoLayer videoLayer.player.autoplay = true videoLayer.player.loop = true Without setting the parent layer it autoplays correctly. Why is this?
2
Arun Venkatesan
Anyone else having problems with the new Sketch 3.7 and Framer import? I'm finding that symbols are showing their default values and not the overrides.
2
Rich Armstrong
The meetup in Amsterdam was great last night (thanks). It was cool to know that you could import modules and do class based kinda stuff. I made this circle/dot experiment while I was there. There's a lot of work with creating new shapes dynamically and random background colors. Quite fun. http://share.framerjs.com/60efzpqri9zi/
5
Ankit Joshi
What's the font used in the framer IDE?
2
Spencer James
Has anyone else noticed some bugs around syntax highlighting? See image: inconsistent syntax highlighting for states.next, states.add
1
Jiao Jian
http://share.framerjs.com/88ysx7qljmvd/ https://github.com/jjiscool/Framer-MaskAnimationExample An example for Clip-Path Animation 1.Draw Polygon(no curve) in Sketch with using Vector tool 2.Edit the path and export different states to SVG 3.Copy "d" attribute of states (like d="M10,20 L11,11 ... Z") to script 4.Animate it
1
Max Petriv
Launching a new way to experience Design Hunt when your not on your iPhone/IPad. Public beta later today.
5
Eric Eisher
I've been running into a bug where I can't Import from Sketch. My entire team has the same issue. We open Framer, try to import from Sketch (as we've been doing for months), and get an Import Failed (column: 18) error. This started happening Friday Mar 25. Anyone else having this problem?
6
Joey Huang
Hey everyone, I'm new to Framer and I'm playing around with the text input example from the Framer Studio homepage: http://share.framerjs.com/1ps366tc70o4/ When I run this on my phone, the native keyboard invokes when I tap on the text field, pushing everything up. Is there a way to (1) hide the fake keyboard and (2) prevent the entire screen shifting up when the native keyboard is invoked? Thanks!
0
Joe Toscano
Probably a really basic question (sorry I'm really new to Framer — not new to code tho), but how do I use "this" in Framer? I'm trying to create a dynamic animation function. Here's the code I'm using.. basically just trying to make a box shadow appear when buttons are hovered.
4
Baisampayan Saha
Koen Bok Got a small bug in the new framer update: The colour picker in the layer edit is not working correctly. When I tried picking up a shade of blue using the colour picker tool, it gave a different shade of blue. Hope you guys would fix it soon. :)
0
Regi Ellis
Thought it be better then writing it all down ...
3
Jiaxin Chen
Hey guys, How can we record scrollDistance and use this value in "if else"?
1
Nicholas Mandelbaum
I have a strange color picker behavior. The color picked is not displayed right (or it's not picking the right color?) Anyone with the same problem, or is it my computer? Macbook pro retina mid 2012 - OSX 10.11.3 - Framer v61
1
Robert Thompson
Dear Framer Team, do you follow ManiacDev.com and monitor useful components and try to integrate them, e.g. https://github.com/Ramotion/folding-cell, check this one out. These come out every day. A Plug-in program for Exporting or integrates Components like this would be great.
2
Sylvain Lafitte
Hey guys! I’ve been trying to recreate Facebook’s case studies animation on their Messenger Platform website (https://messengerplatform.fb.com/ > feature bots). I’ve finally managed to make it work, but I’d love for you guys to have a look at the code and tell me if there’s a better way to do it (and I’m sure there is, it’s all very manual right now). I often hack stuff together with what I know, but I’d love to learn new techniques. http://share.framerjs.com/h52sb3czk1ua/ Click the arrow on the right, and do it again, and again… ;) It’s just looping with 2 pages right now tho. I’m also hitting a wall if I wanted to do the opposite animation (everything slides from the left, not from the right) if there was a left arrow… (There’s a lot of images so it might look super slow in your browser sorry) Thanks guys!
2
Kasper Germann Kramme
Can anyone tell me if there is a way to disable some pages in a PageComponent and enable them later through alternative interactions? You have PageComponent X with page 1,2,3,4 and i want 1,4 to not be active unless I have clicked on button Y.
3
Keith Lang
A little hopefully helpful feedback on new Framer. 1) The object block handles (?) look draggable, to my eyes. Might consider tweaking the icon to look a little less like a handle? 2) When clicking between multiple of these, trying to find the right one (and not making any changes to the properties), the preview view reloads. I would love if it only reloaded when properties changed etc.
2
Aaron Benjamin
Question: Is it possible to anchor something to the bottom of a SuperLayer? I'm using y: Align.bottom(-30) on the child layer now. However, when the SuperLayer grows in height (on Click) the child layer stays in the same place.
2
Simon Griffeth
Wonder if I could get some help here. I've got a coupe of sliders and I want the numerical value to the right of the slider to match the value when you drag the slider. I've looked at some examples and still can't seem to get it. Thanks in advance!
8
Naema Baskanderi
Love the Auto-Code. But going to be selfish and ask if you can make an input function to be part of auto code, so I don't have to code in (or use modules) for allowing text input. I have been using framer to make prototypes which I use during user testing. So like to have it seem as real as possible
1
Fabian Henzler
framer.slack.com is a great way to exchnage knowledge on an instant basis :D #awesome #joinFramerOnSlack
5
Spencer James
Koen Bok Jorn van Dijk - Feature suggestion Firstly, I'm really psyched on the new Framer! The direct manipulation tools are amazing! =) I would love a way to customize the appearance of Framer studio - specifically, a lot of the gray stuff is very faint and hard to see - invisible character indicators, line numbers, layer names in layer panels. Usually apps have a “preferences” menu item but this doesn’t seem to exist in Framer Studio. Also, I prefer to view code on a dark background but I know that there are a good number of people who like a light background. Just a thought!
6

April 16

Aditya Jain
Hey folks, I want to implement a Navigation Bar that retreats up as a Scroll Component (newsfeed) is swiped down, but comes back as the feed is swiped up. Any ideas on how to go about this, or perhaps past examples? I was thinking of using Utils.modulate on the y position of the NavBar, linked to the scrollY position of the scrollcomponent
1
Eugene Dobrovolsky
Guys, how can I reference iOS system font to get it to workon my phone? "font-family" : "sans-serif" works for my laptop, but when I mirror it on my phone I see a serif font.
4
Sigurd Tapio Mannsåker
Just a thought: I find myself wishing there was a central, searchable repository of modules somewhere. Kinda like most browsers have a single place to find extensions with user ratings, top downloads, etc. There are so many fantastic modules being written, but it's hard to keep track of them all or find ones you vaguely remember if you don't know the exact name. I'm aware NPM is available in Framer, so I guess one could do it through the existing infrastructure if everyone adopted it, if only there was a more convenient way to search and browse Framer specific packages. Anything like that on the horizon?
6
Naema Baskanderi
I was wondering if you have an outline of a course to teach framer? I saw on the framer site mention of helping with teaching.
0
Giel Cobben
Hey guys, Last couple of days I made an animation for something we're working on at Mollie. It has become a pretty big prototype and the new Framer helped a lot! Check it out: Dribbble — https://dribbble.com/shots/2652897-Subscription Prototype —http://share.framerjs.com/2claoyzxagu8/ I hope you like it :)
7
Chris Johnson
First attempt at Framer and decided to wire something up, went for a throwback to a childhood favourite film #conversational #bot
1

April 17

Jochen Leinberger
Hi, I am working on a concept where I need to scale the width of pages dynamically, after I clicked on a page. I have a simple version running but it's pretty hacky. Especially as I loose focus on current page during scaling. Here is my wip: http://share.framerjs.com/nsd3elm7ibv5/ Has onyone solved this in a more elegant way?
0
Rahim Haji
New Framer looks good guys!!
0
Teodor Raul Chicinas
Hey guys. I've been trying Framer for the past days (still in Trial mode) and I'm amazed. It beats every other prototype tool out there. As long as you know your way around coding there are no boundaries on what you can do. I think that’s exactly what we need to be able to create new UX patterns. I just finished my second prototype and I ran into an issue. Basically the design comes out centered vertically in a weird way when seen from Google Chrome. Here’s a link so you can check it out, the code sucks as I’m still getting used with how everything fits together: http://share.framerjs.com/kk27byhb599q/ Any ideas what causes this? Thanks everyone for bringing Framer to life.
2
Jiaxin Chen
for loop & array in Framer is amazing, but when I want give each of them a *corresponding* event, jump page, etc... Things will be very complex to handle. Because I need to count them in my mind very carefully, otherwise every thing will screw up. Hope there will be a GUI manager in Framer which can present the logic inside. Here are some examples in my prototype, looks tough to maintain:
3
JL Flores Mena
One of the things that I liked from Origami Studio was a "Grid" component where you can change the number of columns, items and padding. We don't have that on Framer, so I decided to create a module that does exactly that : ) Check the video. The module is available here: https://github.com/72/GridComponent-for-Framer The only requirement is to have your pngs numbered from 1 to n. By default this checks your images folder, but you can change that. Hope this helps!
8
Zoltan Ray
I used Framer with socket.io for the projections at the Google Design happy hour event in SF last week. Surprisingly easy way to get prototypes on different devices talking to each other. Guests could add their own emoji on the tablet, or the projector would cycle through a sequence with randomly generated ones. Although a bug with the tablet meant it ran the auto-loop most of the night :(
10
Javier Eduardo Treviño
I was reading this article on functional programming https://medium.com/javascript-scene/the-two-pillars-of-javas where they mention Lips being used in AUTOCAD to generate drawings, I immediately thought of a similarity with Framer, any thoughts on this? would you see yourselves designing products this way? I just thought some of you could be interested because of the type of projects you guys post.
0

April 18

Dave Crow
I'm doing a little exercise to level up my skills working with loops and arrays. I'm confused as to why the rowIsHeader variable doesn't work. But when I drop the value of rowIsHeader into the conditional it works fine. http://jmp.sh/RHOqttF
2
Sergio Majluf
I'm having problems with Frameless/Frames or any other way of seeing the prototype on an iPhone since updating framer. Old projects I have – not updated – work OK. New files, don't. Anyone have similar issues?
1
이정익
Equalizer animation. Maybe you can use this animation to make music prototype app :) http://share.framerjs.com/lqpkdpzodpey/
0
Sergey Voronov
Hi, we are hosting next Framer meetup in London - https://nvite.com/FramerLondon/c980on 14th of may, will be glad to see framer funs and mentors. If anyone interesting in showcasing stuff and mentoring - hit me up, i will add you to event page. thanx)
0
Rory Smyth
Apart from assigning Sketch layers to a new variable, is there another way to have your imported Sketch layers available in the code editor on import? To utilise the new controls. What if Framer imported shapes as solids. Respecting properties like shadows, borders, text values and rotation. Principle does something similar and it's really useful.
2
John Grendon Enderby
Hey guys, couple of things. One is that as much as I like Framer, I seem to be getting a lot of welcome emails (I think when I send a crash report but I'm not 100% on that one). Second is that if I add state to a layer generated in a for loop and then click the "edit state" button to the left of the declaration (in the shiny new Framer version) Framer crashes...every time. Can still work with the code but thought I would bring it to your attention. Thanks for the update by the way super snazzy!
0
Peter Kubin
hi there, i am looking for an example or the building blocks for an idle animation (tick counter and global event listener 'on.anyUIEvent'). any help is greatly appreciated.
6
Yap Kwang Yik
I'm newbie of Framerjs, I think this is easy if I can drag the layer… How do I include the inputElement into my scroll layer? I've tried superLayer and it is not workable... I've used Ed Chao and https://github.com/ajimix/Input-Framer Both I also have difficult to put into the scroll layer... Please help. Thanks!
0
Liu Zhou
I did a little demo of a list pull up to fold, and click to expand. It works fine on chrome and framer studio. But quick laggy on nexus 6p with framer app. Is there any way to figure it out? demo -
5
Eugene Dobrovolsky
I'm trying to make an item draggable after LongPress, but I specifically don't want dragging to enable if I started dragging before LongPressStart. I'm attaching a short clip. I'm first showing how it should work and then how it shouldn't (imagine a list that you want to reorganise). Guys, please, help. http://share.framerjs.com/p4gihqarmbe7/ Solved: http://share.framerjs.com/j9drj5ghstkp/
5
Bard Tian
Hi I am new to App UI/UX design, in the past I design App UI only provide JPG or PSD files, and I have been working for web design for over 10 years. I wonder Framer is such a talent software for demo APP design. Here I have a question, is a Framer App designed file can be used for App developer? I meant is it an useful working for App frontend development? so that App developer doesn't need to rebuild the frontend interactive designing? Or Framer is only for prototyping the App interactive job and nothing more for App developer?
2
Saulo Dourado
Hello, I’d like to know hot set/read a layer custom property. When clicking, I get the right value from the layer.name, but from the layer.myCustomProperty I’m getting an undefined. for index in [0...rows] row = new Layer name: “John” myCustomProperty: “sample” row.on Events.Click, (event, layer) -> print layer.name, layer.myCustomProperty
2
Aaron James
Friday I was playing around by using keyboard entry to control my prototype. I put together a quick demo of navigating a grid using keyboard arrow keys. The logic uses a two-dimensional array to identify the index of a layer for both the x and y axis upon key press. Take a peek at the code to get a better understanding. This may be useful for you in the future. Cheers! Shout-out to Hayden Schoen for assisting me and showing me how powerful two-dimensional arrays can be.
4
Mathies Schneider
Hey everyone! I've just used the trial version of Framer Studio and have a strange bug/problem: I've set up a scrollComponent, but all content outside of the component (or the screen) isn't rendered. I can scroll, but the content is cut off. Maybe it has to do something with my nested layers? I couldn't find a solution online. Maybe someone can have a look at my project? That'd be great!
1

April 19

Amrit Mazumder
Does anyone know how to wrap text in Jordan's awesome InputField module?
5
Jochen Leinberger
Hi, is there a way to listen on multiple events? I tried: headline.onTap or headline.onClick (event, layer) -> but it did not work ...
3
Samuel Barbosa
Hi All, I was trying to achieve a flip card effect but I stuck on two problems right now: 1. Its seems that the new version creates a bug with rotation-y (try this with old and new version of framer http://share.framerjs.com/d8qfsxc1g4s7/ ). Same bug without the flipcard module. 2. We get better results if we don’t have any background (like in this pen http://codepen.io/akolchenko/pen/vJdtx but if you add a bg image it breaks). Does anyone have a workaround here ?
4
David Lee
Happy Monday with Framer :) http://share.framerjs.com/lynpc84z5uoq/
3
Krijn Rijshouwer
Have questions about the new Framer? Here’s your chance to ask us anything! → http://bit.ly/1QjJzF3
0
Hidde van der Ploeg
Hi Guys, Is there a nice way to restart the project with a delay after all animations are done, so the project will basically loop itself?
1
Michael McKenna
I'm new to programming, trying to make my nav more dynamic than visible on and off. I have unique active states for each tab with an active state and hover (think web like the Facebook nav above, "Discussions" ...). I have sketch layers for each state. I want to use an array (I think) ... My example doesn't have the layers nested but I assume if the active and hover were child layers, you could target them better, with a loop? All the mobile examples I've looked at, the layers seem to be essentially the same, so targeting a layer seems less of a challenge this way because all the states are not unique to that button in the nav. I'm comparing to the photo feed tutorial on youtube where a layer can be copied to pull it out and stack on top ... I think my main problem is targeting children using arrays and loops! Please any help would be awesome!
0
Eric Puigmarti
Hey everyone! Quick question - I'm diving back into Framer after a long while. I'm trying to have items 2 & 3 animate in onLoad (These layers imported from Sketch). What's the best way to set this up?
1
Robin Cai
Hi all, is there a way to let the superlayer scale and move , but the sublayer have no motion?
5
Tom Byrer
Can Framer output CSS? Seems like it has its own style of 'Style as a JSON object', like
0
Ed Chao
If anyone is curious how to make 3D card stack UI, here's a demo I whipped up this afternoon. Basically an array of layers, which reposition on DragEnd. #weekendframer You can play with the interactive version (grab project here: https://dl.dropboxusercontent.com/u/1916165/cardStack.zip)
8
Aalok Trivedi
Hey guys, does anyone know why this for loop isn't working? I've used this method many times, but for some reason I'm getting an error:
1
Ed Chao
Cheers to the new Framer! Are there any thoughts around visually surfacing states? #unsoliciteddesign
6
Daniel Leinerud
Any ideas on how to animate between two colors in an svg?
2
Carlos Santiago
so, im going to prototype for the first time ever on Framer (just an input field interaction; default, active, error, the usual), but i have no idea how to even begin! like do i import the text layers? what would be the best approach? hand-code the states?
5
Manfred Richie Neustifter
I understand there is no scope to export finished framer output to use in development/production application. To what degree can code in Framer be reused in dev of production code? How can I set up a project to optimise using framerjs code to re-use it later in a production applications (eg: in a Fuse project)??
4
Sabitov Farid
Hi! Here is my first day with Framer, check out some animations that I've made. Follow me on Dribbble https://dribbble.com/FaridSabitov I will upload there Framer freebies every day. If you want to know how I created these effects with some useful tips please write in the comments section below and I will put together a tutorial for it. If you have some ideas or suggestions don't hesitate to contact me. My Email is [email protected] Here is the download link: https://dribbble.com/shots/2660103-DAY-001-with-Framer-Studio-by-Farid-Sabitov
3
Nikolay Berezovskiy
Hi, guys. How to connect https://lodash.com into my project?
4
Naman Kalkhuria
importing large sketch files is slow... is it the right way or should you only import images and create action layers on top
4
Jon Arnold
Just imported some layers via the sketch importer and saw some ugly banding / compression in the images. Also the colors weren't accurate. Is there a workaround other than dragging the exported images directly into sketch?
2
Asher Isaac Simonds
Hey folks! Working on a small animation and I'm building some Material ripple effects into the interaction. I have the first half of the ripple animation run under a .TouchStart for immediate reaction and the second half run in a function when the user releases. As it stands, if the user taps quickly on the button only a frame or two of the first half displays before getting clipped as the touch event ends. Is there a way to let the full animation play even if the finger isn't down anymore?
1

April 20

Mike Hughes
Anyone in this group located in Melbourne, Australia ?
35
Sindu Narasimhan
Are there any existing modules for connecting to bluetooth devices? I am looking for bi-directional communication with a BLE device :)
3
Keith Lang
Feature request: Support for HSB color (in addition to HSL). Designer-y stuff often shows HSB color picker (which I'm emulating)
2
Michael James
has anyone else had this happen to them? twice I've recently had the experience of working in a current version of Framer and yet when I save, it gets locked up. if I close it and reopen the file, it's completely blank and it forces me to update the file, even though it's already current. at that point everything is gone, as if the projects just deleted. i was only able to recover my work because i sync to the cloud.
3
Flor De Litio
Hi everyone! Just a question, is ti possible to change the mouse pointer dynamically with coffeescript? thank you for your time :)
1
Varad Cairae
LIKE | COMMENT | SHARE | SUBSCRIBE https://youtu.be/NwkS5ygmPgE Please share this video and help us grow.
0
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 ...
15
Hugo des Gayets
Hey, I have a question: What is the equivalent of MouseOver for touchscreen devices ? I have a TouchStart action, and I need to "TouchOver" something during my "TouchMove"...
5
Dmitry Sholkov
Symbols loose it's Text override properties when imported to Framer.
10
Cosmin Negoita
Hey guys, I have a couple of layers created with a for loop. I'm trying to make the hovered layer to actually play an animation with "this": layer.on Events.MouseOver, -> layer.states.switch("hover") However, it only works for the last created layer. Any tips? Thanks!
6
Aleksandar Zezovski
Hey! I'm trying out the PageComponent and would like to make a tab bar similar to the 'Activity' page on Instagram. I'm however having problems with handling the border indicator at the top. I'd like it to swipe the opposite way of the content. And also I want the text color to change depending on page. http://share.framerjs.com/iky4x4n37u7q/
3
Sabitov Farid
Hi! Today is my 3rd day with Framer and I decided to play with some sweet effects with Badoo application, as for now they have default pull to refresh icon So a bit more about my today's project: this time I wanted to try to work with SVG paths. I found a great article on how to make a drawing like animations. Here is the module https://github.com/joshpuckett/FramerModules Then I added pull to refresh to make this paths interactive. Hope you will like it! Follow me on Dribbble for everyday freebies Framer projects. And thanks for your feedback and support! https://dribbble.com/FaridSabitov Here is the link for download https://dribbble.com/shots/2664634-DAY-003-with-Framer-Studio-by-Farid-Sabitov If you have some ideas or suggestions don't hesitate to contact me. My Email is [email protected] Also I created repositories in GitHub so if you have some comments you can write them there https://github.com/faridsabitov/
3
Marco Paglia
Hi, I'm using the textlayer module (https://github.com/awt2542/textLayer-for-Framer) and its contentEditable property. The problem is that while I'm typing it renders a blue box around the text area. Does anyone know how ti hide it?
4
Gregory Dean Hall
I have tried to install the Camerlayer module. I have also put the CameraLayer.coffee file in modules. What do I do now? Really struggling here. Thanks:)
13
Cosmin Negoita
Hey, I'm having issues with triggering events under scroll.on Events.Move, (offset) -> while scrolling by mouse wheel. The events work when you move by clicking, but not by normal scrolling. Would appreciate some help! Thanks!
1
Callil Capuozzo
Is there any way to get framer to re-calculate the Screen.frame when a fullscreen function is called? Very useful to be able to do this from in the browser but I end up with blank spots in the prototype and must force a reload (which is not ideal). Here is the demo -> http://share.framerjs.com/yryokbi7k9gd/ edit: this works (kinda) http://share.framerjs.com/5hoqt6ydidpc/ In this example, the box is aligned to the bottom of the screen, when I click the toggle, I am asking the box to recalculate its position, but because the Screen.frame doesn't update, it can't reposition itself. Any ideas?
3
David Fumberger
Had needed to include sticky headers in one of my prototypes. Discovered a few examples out there, but none were weren't quite what I was after, so have put together a small module that might help someone needing something similar:
4
Chad Lonberger
Hey folks, do we not have a live slack/irc/etc channel?
1

April 21

Aaron Paterson
http://share.framerjs.com/o012f8eoq1ne/ Hey Framers, I'm having hard time working out at array system for this show and tell titled 'chairs'. The idea is to view different chairs and it's context on a click event. I have have ran into a semantics wall by trying to individually create an event for event items that more the two... Have a look. cheers
3
Nick Kutateli
Is there a way to fire the `onTouchEnd` event only if `onTouchStart` happened on the same object? I expect `onTap` to function this way but it doesn’t seem that it does.
5
Harsharanga Patil
I have created a html component. I want to call a function form that component. Is it possible? If yes then how is it done? Example : myFunction = () -> # do something in coffee script code html : <li onclick="myFunction()">DATA</li>
4
Vladimir Shlygin
Hi there! Dumb question, how can I add an array of states? Here is the idea: https://www.dropbox.com/s/1a456qxtop3c8n6/Screenshot%202016-04-20%2023.49.05.png?dl=0
9
Emanuele Livi
Hi guys, can I ask you help about the FramerJs input module, please? I really need to figure out how I can, after write text and press return key, start the animation that I created. Thank you very much.
1
Chris Wang
Is there a way to view links I've generated with my account? or to delete old ones?
2
Debashish Paul
So stoked to see so many cool prototypes people are posting here! So much to learn from the problems/challenges people face and the amazing solutions that come in from group members. Create > Share > Learn > Repeat ..... This is awesome! Keep 'em coming!!
2
Kennen Pflughoeft
I'm looking for help with an animation that goes across multiple states after a single event. I basically want something to fade in, rotate, then fade out. Is there a good way of daisy chaining states together to the next one fires after the first one is done?
3
Nico Arduino
Hey everyone ! I am prototyping an app with a splash screen at the begining. The splash screen is a simple mp4 video (2mo) without sound. Everything works fine on desktop (preview and browser) but the video does not appear on frameless or in safari/chrome when previewing in an Ipad… Is there a problem with mp4 and iOS ? Is there a property to include on framer ? Thanks for your help ! Nico.
4
Emin İnanç Ünlü
As I see, layer.copy() doesn't copy the events the layer has. Do you have any workaround for that? I need to duplicate a group of layers with their events attached to but couldn't do that.
6
Sabitov Farid
Hi! Here is my the second day with Framer. Today I tried to work with input forms. Hope you will like it! Follow me on Dribbble for everyday freebies Framer projects https://dribbble.com/FaridSabitov Here is the link for download https://dribbble.com/shots/2662362-DAY-002-with-Framer-Studio-by-Farid-Sabitov If you have some ideas or suggestions don't hesitate to contact me. My Email is [email protected] Also I created repositories in GitHub so if you have some comments you can write them there https://github.com/faridsabitov/
4
Piotr Kuklo
Hello Framers, I would like to show you my prototype. It is the interaction for a sudoku game. To change a number user just need to hold tap and then choose the number by panning. http://share.framerjs.com/1ltlhalsohe0/ I also describe the design process in a short article on Medium. https:[email protected]/sudoku-interface-in-framer-js-a28d5e9e7b0e#.l6hy4zhma Let me know what do you think!
6
Ivan Cruz
Is it possible to delete shared prototypes?
3
Cosmin Negoita
Hey guys, I'm new to Framer and I really love it. I have a slight issue. I'm trying to apply the same animation to multiple layers. Take the following scenario: I have a hover animation and I want it to take effect for ay hovered elements, without duplicating the code. Is there a way to achieve this? Thanks!
3
Édouard Urcades
hi! what might be the best way to trigger an event to occur when one element is over/under another element? was combing thru the examples and couldn't find anything that helped — attempted to build a loop along the lines of : "if midX of componentA = midX of componentB, reveal component C" but I scrapped that after it ended up not working.
3
Koen Bok
The new Framer is here. We're incredibly excited to introduce Auto-Code—an entirely new way to design in Framer. For the first time ever, we’re combining the power of code with the ease of visual editing. This makes the highest level of design and prototyping accessible to everyone. We think you’ll love it, and can’t wait for you to give it a try. See our new frontpage — http://framerjs.com Watch the video — https://www.youtube.com/watch?v=XoV1iWH1naE Read the announcement — http://blog.framerjs.com
80
Elliott Malkin
I have a layer that can be dragged and also be tapped. The problem is that onDragEnd appears to also be interpreted as a tap. I tried using layer.off(Events.onTap) inside of the drag but it's not working. Any advice?
1
Tom Byrer
Can Framer export to normal HTML/CSS/JS? I'm still trying to figure out how this will help my workflow.
5
Mike Innes
Hi, I am new to Framer and I am having consistent trouble importing sketch files. I give my sketch file to a colleague and he can open just fine. We both have the most current versions of the software, and are on similar setups. I tried uninstalling/reinstalling Framer already, and that did not work. I'm attaching a screen cap of the alert I get. Any help would be greatly appreciated - thank you!
2
David Hyman
Hey there, i'm playing around with Framer.js so I can start to do some google cardboard style VR apps. I have been going through this article:http://blog.framerjs.com/posts/design-virtual-reality.html and when I load it onto my phone I can't get it to display images for each eye (so the VR effect is accurate when viewing through cardboard.) Anyone have any ideas on how to make this happen?
3
Noah Tsutsui
Is there a touch or pan event that is similar to onMouseOff? Basically, I have a container with default draggable disabled, then when the touch starts inside, and moves outside the container, I want the container to follow the touch point.
8

April 22

David Carroll
So, I ran into an issue where my prototype scale bugged out. I'm importing from Sketch at 1x, but it appears to be at .5x.. Couldn't figure it out, so I tried copying the project, same code, same import, and everything works fine... any ideas? Original http://share.framerjs.com/q1ngyswdljsd/ Copy http://share.framerjs.com/bvotnjw4dz4i/
1
George Papadakis
How about?
3
Mel Hogan
Having trouble with index. I'm adding a layer via code, and then trying to place a layer from an imported sketchfile on top of that layer. The code layer keeps showing up on top. I've tried everythign to change the index to no avail. Help?
4
Junhyuk Jang
I think drawing icons with code only is inefficient work, but funny :)
1
Marc-Oliver Gern
How can I open the example files in FramerJS? Is there a trick?
8
Naman Kalkhuria
Is there a possibility of a project structure for editing multiple files in editor section in future release? Editing in a single long file is tedious and to use modules you need to open another editor like sublime.
1
Damiano Gui
Hi Framers, Big question here. I'm trying to adopt Framer in my workflow, because it seems a lot more flexible than other UI-based prototyping tools. But before digging fully into it, I would like to know what's the real complexity one can achieve. For example: the video below shows the 'drink builder' section of the Makr Shakr app which I designed. The actual app has been built already, but I'm curious if something like this could be prototyped with Framer, taking into account that: - Because of the shape of the glass, the width and height of each ingredient slot are always different based on their Y position, along with the plus and less buttons and the actions assigned; - available quantities and actions change according to the type of ingredient (e.g.: you can't shake sodas, you can't add more than 4 slots of alcohol, and so on), and all elements need to re-arrange their position and size if any previous ingredient is deleted; - the position of the glass shifts up and down based on the selected ingredient and its amount in order to focus on it, along with the opacity of the ingredient. How long would it take to prototype something like this, assuming one is comfortable with CoffeeScript? Would it become too complex and heavy to handle with Framer at some point? And most importantly, would it be worth the effort as opposed to coding it straight away in Java or Swift?
3
Albert Ramirez Canalias
Hey guys, I have an animations that goes one after the other and I'm using the AnimationEnd event. But it's too slow... Is it possible to reduce the delay between animationEnd events? Or connect multiple animation?
2
Benjamin Den Boer
Here's a simple little example that checks whether or not you're hovering over another layer horizontally or vertically. Originally made for Michael McLaughlin, but thought it might be of interest to others, too. You can pass along a horizontal and vertical offset, which is currently set to half of the layers size. It also animates back to its original position on release, when it's not hovering the other layer. You can either toss it, or drag it. Hope it's helpful to some of you. :-) See — http://share.framerjs.com/iircjwg5nj0p/
1
John Grendon Enderby
Is there any reason why animationOptions wouldn't work as expected when animating a layer in a Utils.interval func? Doesn't seem to work right whether it is declared inline, or as general animation options. Attached an image to show the code.
14
Elliott Malkin
When did Framer first come out? Was it 2013?
9
Márcio Ribeiro
I use '.html' property to add a button with a hover & link, but if I mouse hover or click the button nothing happens. I think there's some layer from FramerJS that blocks my action. I've tried to use z-index to bring the layer up with no success. Any one can help me on this?
1
Lut Ze
Is it possible to draw simple lines with framer.js? I need to recreate the android pattern unlock screen...
11
Jesse Brack
Has anyone been experiencing weirdness with the PageComponent since the big update when running a prototype on a phone (Galaxy S5 in my case)? I can't cycle through pages like I usually do with methods like snapToNextPage, the page will begin to slide like it should when moving to the next page but then stops and resets back to its original position. The PageComponent behaves as expected within the Framer app, just not when testing on a phone. Running the same prototype on my phone through Framer Studio instead of the new Framer app functions as expected.
4
Hari Abinash
Hi Framers, I am reusing a Module in 3/4 prototypes with different background colors for different protos. The different BG Color, I have to put manually inside the each module. Is there anyway I can make it a variable. So that after adding the Module, I can call the variable and change the value of it as required. Thanks very much for the help.
5
Sabitov Farid
Hi fellows! Today is my 4th day with Framer, this time I decided to practice PageComponent in Framer. Here is the link: https://dribbble.com/shots/2667439-DAY-004-with-Framer-Studio-by-Farid-Sabitov So a bit about my project today: I have created a simple interface and focused more on the PageComponent in Framer rather than UX. For tomorrow I already came up with the plan - I'll build on top of this project and will implement drag and drop effect to add the city card to the letter, which is visually demonstrated as an open envelope at the bottom of the screen. Hope you will like it! Follow me on Dribbble for everyday freebies Framer projects. And thanks for your feedback and support! https://dribbble.com/FaridSabitov If you have some ideas or suggestions don't hesitate to contact me. My Email is [email protected] Here is the link for preview + sketch file included http://share.framerjs.com/9orqoacydk46/ If you have some suggestions with code you can write them here https://github.com/faridsabitov/framer-daily-004
15
Adhithya R Kumar
I was wondering if this is possible on Framerjs - I want an audio file that I have saved in my local drive to play on certain events. Was wondering if there is a way to make this happen? Should I only use the VideoLayer component? Thanks!
1
Arpy Dragffy
Any Colombia or Vancouver-based Framer peoples? I may have some projects to collaborate on.
0
Silvia Bormüller
Hi Framers, the import function seems to be broken since the latest Sketch Update (3.7.1). any solution? Restart doesn't make it.
4
Jay Stakelon
Hi Frameristas. Since I'm waiting for a new iPhone to arrive so I can get in on the Force Touch fun, I thought I'd try my hand at building a video player module that takes a VideoLayer and adds some standard video UI controls and options out of the box. Would love feedback, criticism and ideas on how to improve this first pass! https://github.com/stakes/Framer-VideoPlayer Examples: Basic player: http://share.framerjs.com/lrh9kyuq39lr/ Slightly custom player: http://share.framerjs.com/3fh1jvmlr4oq/ Very custom player: http://share.framerjs.com/37vpv2pvnvfs/ Major major thanks to Benjamin Den Boer since it was inspired by and initially a fork of his awesome AudioPlayer module!
3

April 23

Nick Kutateli
Are there any good resources out there for learning how to build modules for Framer?
3
Kame Sherrie
<3
0
趙晧崴
Hello, I'm new to this Framer community. I wonder if there is any way of connecting my bluetooth fingerprint scanner data with my Framer prototype, so I can simulate a fingerprint log-in Interface. If not, is there any alternative to use circumscribed devices, such as keyboard, to input data into Framer and determine the if statement? Can anyone help me
2
Joshua Crowley
I've been trying a workflow that others have mentioned, when I break components out into modules, as I design them. The modules (12 of them) are reused across 4 separate prototype files. It's been great, but I'm hoping to consolidate them into one directory, from which all prototypes require. I started to move them into my NPM directory, but I don't think I understand the syntax/concept. I think others have a similar workflow, any suggestions?
4
Briana Winter
How can I make this animation pause? I've got a red rectangle. When you click it, an animation starts, where the rectangle turns orange, then yellow, then green, etc. While the animation is running, if I click the rectangle, the animation needs to pause. And when paused, if you click the rectangle, the animation needs to start up again (from where it left off).
1
Michael McLaughlin
Hey guys, I am trying to prototype a drag/drop interaction and having trouble figuring out how to write it. Basically trying to trigger an event when one layer is dragged on top of another layer, otherwise it returns to its initial position. I assume its an if/else during DragMove. I need help with the logic for the if statement. I was playing with MouseOver during DragMove, but no luck.
3
Michael Boswell
Feature Suggestion: expand/collapse in the text editor for conditionals, loops, functions, etc. Shit gets long sometimes!
2
Jason Valalik
I searched around and haven't found a solid example of code that does a couple of things. 1. Creates form fields that users can type dummy data into 2. Invokes the native keyboard 3. error validation states Anyone have a good copy/paste resource?
5
Benjamin Fritz
Good evening, am I right that an artboard imported from Sketch can't have a transparent background? I only want to export an overflow menu to have it universally accessible and not linked to another parent layer/artboard.
3
Naema Baskanderi
I have a silly question. Can you only have 1 module in your framer project? I tried to do more than 1 module and it didn't seem to work
4
Parth Kapadia
is there a way to listen to events from multiple layers in a single instance? use case: i want to perform a transition if either one from a set of 5 layers is tapped. is there a better way to go about this other than to set the onTap condition on each layer?
1
Scott Simpson
Anyone have any thoughts about the potential flexibility of recreating as much of a design as possible in Framer versus importing a design? I am trying to determine a work flow best practice.
6
Cosmin Negoita
Hey guys, I'm trying to place some menu items as images in a layer but the images scale to fit the width. Is there any way to import them at their original size regardless what the layer dimensions are? I think it's also worth mentioning I'm creating those layers in a for loop. Thanks a lot! EDIT: I've found a workaround! I'm adding images via CSS as: style: "background": "url(image/path)" instead of declaring an "image" property on the layer.
2

April 24

Christopher Hernandez Magcamit
Hows it going everyone! I created scrollComponent for my content, but I noticed that part of my image shows up in the background. Any idea how to fix this?
3
Sabitov Farid
Hi! Today is my 5th day with Framer and after receiving positive feedback for my yesterday’s post, I decided to enhance my project from Day 004. Thanks for your feedback and support! I appreciate it a lot! Here is the download link for Framer + Sketch https://dribbble.com/shots/2669755-DAY-005-with-Framer-Studio-by-Farid-Sabitov So a bit about my project today: I implemented drag and drop effect to add the city card to the letter, which is visually demonstrated as an open envelope at the bottom of the screen. Hope you will like it! Follow me on Dribbble for everyday freebies Framer projects. And thanks for your feedback and support! https://dribbble.com/FaridSabitov I’m open for job offers, if you have interesting proposals, please contact me: [email protected]
7
Piervincenzo Madeo
Hi guys, facing some problems with Framer Generator and Sketch, is it just for me? Anyone? Thanks!
5
Benjamin Fritz
Hey folks, me again. I mostly finished my prototype for an Android app and it spans 1.400 lines of shabby code. And that's where the problem starts: It runs perfect on Chrome (OSX and Windows) and Safari (OSX) but fails to load properly in the chromeless browser Android app "Framer" and on Chrome on Android, too. It also fails to load entirely on iOS on Safari and Chrome where it loads in a loop crashing the browser. The project folder is more or less 17MB with assets and all and as I said it's roughly 1.400 lines of CoffeeScript. Any chance to fix this somehow without rewriting everything? To be clear there's no error in the code, it's maybe only redundancy and complicated ways to achieve certain effects. Thanks for any help, kind of desperate right now.
12
U-Kyung Kim
As a practice of States and Utils.interval, I just made this search bar interaction :D Share : http://share.framerjs.com/5xacxw3nnnna/
10
U-Kyung Kim
I just practiced Sketch importing, pageComponents and rotation animation :D Share: https://share.framerjs.com/cbpvz20uu3h2/
1
Hunter Caron
Has support for nested symbol overrides from Sketch been implemented yet or am I doing something wrong? http://share.framerjs.com/98opk7ttzka1/ On the page to the left I have some text overrides in Sketch but in framer they just display the default value, 'task'
1
Sabitov Farid
Hi fellows! Today is my 6th day with Framer and since it’s weekend I decided to optimize my workflow. Therefore I have set up GitHub repositories where you can download all my updated Framer projects with the more recent code. From now on I will include descriptions in the code with useful tips that I have learned with each project and comment some more complex functions so you can understand my code easier! https://dribbble.com/shots/2670945-DAY-006-with-Framer-Studio-by-Farid-Sabitov By the way, I received the same question from quite a few different people asking me about courses that I’m studying, in fact I’m not taking any courses for mastering Framer, instead I’m just using my favorite shortcut «CMD + F :D» on official docs page of Framer(https://framerjs.com/docs/). The documentation is very detailed and easy to follow :) Sometimes however I do use some websites, so in description to each repository I have included «links that I used» section to show you additional resources that assisted me in creating a prototype. However Dribbble will stay the major tool that I’m going to use to share my works, so updates will appear there first and only later on in Github. So stay tuned ;) GitHub link: https://github.com/faridsabitov Please note that because it’s github you can copy and edit my files by just clicking «fork» button. And if you have ideas about how I can make my code clearer you can always make pull requests. I will really appreciate it and will mention you in descriptions to my projects. I hope that together we will have a big collection with nice Framer projects and clear code! Mockup that I’ve used https://dribbble.com/shots/2276138-iPhone-Mockups
4
Jason Valalik
A huge addition to this would be these things, IMO. 1. The ability to "connect" pages a'la Flinto 2. The ability to edit the text in the layers I'm stuck between this and Flinto
3
Koen Bok
I just enabled ssl and http2 by default for the Framer site and all the shared projects. It should reduce loading times for your shared projects by quite a bit. Let me know if you see anything odd.
1

April 25

Emmanuel Henri
Question does a conference where developers and designers learn how to work together (tools, techniques, case studies) exist? I would expect sessions also to teach designers coding and developers design...
2
Benjamin Den Boer
Hey all! Today, we’re introducing the Framer Gallery. This replaces our Examples page and showcases the latest featured designs, which we’ll be updating frequently. Browse through all the beautiful work people are making in Framer. Discover new interactions and find inspiration. http://framerjs.com/gallery/ Featuring amazing new work from George Kedenburg III, Robert van Klinken, Balraj Chana, Amine Zafri, Djordje Vanjek and more! :-)
4
Jithesh Ramesh
First lesson on getting to drag two layers on each other and avoid them. Pardon the messy code.
1
Parth Kapadia
I have created a parent layer (say, parent1) inside which I have 4 layers which look and behave the same (e.g. 4 photos in an album gallery). i have stored these in an array (say, array1) so that handling them is a breeze. now i copied the parent layer to another layer (say, parent 2). the 4 child layers are present. But how do I access their states? Is a new array also created? if yes, what is its name. if not, how do i now access their properties (since their names are the same as earlier) pseudo code: array1 = [layer1, layer2,layer3,layer4] parent1 -layer1 -layer2 -layer3 -layer4 parent2 = parent1.copy()
1
Peter Ng
Hrmmm had one of those days where i got too deep intro trying to fix the input keyboard problems so i just rewrote the native keyboard in framer. Cheers to being reckless and drunk! Enjoy! https://github.com/petergng/framer-keyboard http://share.framerjs.com/rmgpk56obo36/
13
Emin İnanç Ünlü
Is there any way to inspect layers and debug on mobile? I'm working on a module for iOS navigation system, things work fine on the computer, but so weird things happen on my iPhone. Right now it wouldn't be so meaningful to share the project file because codes are a bit mess. I just need to find a way of getting errors that happens on the phone or if there is no error, at least I need to see the layer hierarchy to understand what is happening there.
2
Sergey Voronov
http://giphy.com/gifs/26AHu6LPEqikxUzK0/html5 when I first saw Framer JS I thought- I would love to try to mock Android unlock screen, but my knowledge was nowhere there to do it) But now had enough power to try) Annotated code here https://share.framerjs.com/0a47negig1pu/ pan to top to get unlock screen, then click on any dot and try connecting dots any key except the one that is formin M button - is wrong
3
Sabitov Farid
Hi fellows! Today is my 7th day with Framer and I thought it is a good idea to provide ready to use preloaders to help newbies. So you guys can easily copy and paste them in your prototypes and customize it to your needs. Download link: https://dribbble.com/shots/2671932-DAY-007-with-Framer-Studio-by-Farid-Sabitov Even though this a first attempt, later on I will keep working on improving it: I’m planning to use svg module so that is more flexible for customization (linecap, strokeWidth, dashOffset, animation curves and etc) At the moment I have gathered quite a lot of preferences ( https://dribbble.com/FaridSabitov/buckets/375517-Framer-project-Preloaders ), but I won’t be able to implement them on my own because some of them require some specific knowledge in svg - I believe that if we make various trendy and modern preloaders we could change the attitude towards preloaders altogether, since all designers will be able to easily implement them. So as a result of our joint effort in the end of the upcoming week I’m planning on putting together a collection of all the preloaders that we are going to create and I will mention and promote everybody who have contributed with their works to the collection. Please PM me in Facebook( https://www.facebook.com/fsproduction ), I’ll provide more info and will add you to the team ;) Hope you will like it! Follow me on Dribbble for everyday freebies Framer projects. And thanks for your feedback and support! https://dribbble.com/FaridSabitov And big thanks to Marc Krenn who helped me with the code!
7
Koen Bok
We just shipped bugfix release v62. It improves Sketch importing (including the new symbols), Auto-Code editing and issues around undo. It also has visual improvements for the property panel and error state. For a full list of changes see the release notes.
1
Hans Lambert Pedersen
Hi everyone. Im new to Framer and experience some issues around importing 2x designs from Photoshop. I have a PSD called [email protected] and after running the import, Framer inserts the import statement: Modal_2x = Framer.Importer.load("[email protected]@1x"). As you can see, the files are exported at @1x and are therefore displayed incorrectly. Exporting the assets as @2x.png works as intended In some videos I have seen an option of selecting @2x in the import dialog. However, I dont see this in V61 I have downloaded. Am I missing something, or is this how things are intended to work?
3
Ryan Hansz
Hey Framer Crew, I'm using a framer prototype as part of my senior design project display, and am wondering if it's possible to have the prototype reload itself after a period of inactivity? I currently have location.reload() assigned to a button, but would prefer an automatic refresh if possible. Thanks!
6
Samihah Azim
Hi all!! New to Framer from Principle (and new to this community!). I'm having trouble with getting a button to show a different screen on click. I have two screens in sketch that are in two different artboards (would it be better to do pages?). The button that's on one of the screens should take the prototype to the next screen. I've been able to get the interactions working on the first screen with the exception of the button. Here's a picture but I can recreate a version using boxes to replace the content in the screens in sketch if it would be easier to share a sketch file to understand what I'm referring to. Thanks in advance!
5
Rafe Chisolm
Hi All, So running into a technical issues with sharing and mirroring from Framer. Is there any way to manually change the port FramerJS uses in the event of incompatibility with firewalls etc? Framer is getting locked up in the 8000-9000 port range and I don't have admin access on local machine to modify it. Do I have to dig into the package contents to change a value or is there an easier way?
1
Adhithya R Kumar
Been getting this error every time I try to import something after today's update. This is not nice to have before a hard deadline @_@
3
Saurabh Srivastava
Hi All, I am new to framer. I use the files shared by you all for learning. But after updating my framer when whenever I am downloading any shared file and try to run , I experience following error. I tried running the project by clicking on "try anyways" and " "update" but got no success. If anyone can help me how to solve this issue , I will be very grateful.
3
Christopher Hernandez Magcamit
Hello all! I am using ScrollComponent. Does anyone know what is the best way to change scroll direction for specific pages? In this example, I am using horizontal scroll to navigate through pages. I want to add Page 4 to the bottom of Page 3, and be able to vertically scroll from Page 3 to Page 4. Any thoughts?
4

April 26

Keith Lang
Small detail: I often jump into an existing line and start typing. However, auto complete doesn't work until I break the word by adding space, so I don't get to benefit from auto-complete. Would love if auto-complete was offered in this scenario.
2
Nathan Garner
Really looking forward to using this tool, but have downloaded the trial and there was an error when trying to import a simple sketch app file - is this a limit of the trial?
3
Matthijs Otterloo
Hi everyone! I'm trying to change a state based on an hover action. For this I'm using the following code: screens.thomasgmail.onMouseOver -> screens.thomasgmail.states.switch("hidden") screens.thomashover.states.switch("visible") print "MouseOver" screens.thomasgmail.onMouseOut -> screens.thomasgmail.states.switch("visible") screens.thomashover.states.switch("hidden") print "MouseOut" (Print is just for debugging this issue). Changing the states just replaces the images, if I hove over the "thomasgmail" layer it keeps changing really quick between the old and the new one. Also the log shows: » "MouseOver" » "MouseOut" » "MouseOver" » "MouseOut" » "MouseOver" » "MouseOut" » "MouseOver" » "MouseOut" Any idea on how to solve this? Is it a bug? Cheers! Matthijs
4
JS Leonard
Hi, are there any plans to allow regular ol' javascript over coffeescript?
11
薛鹏
https://share.framerjs.com/5n44jhm4kiro/ a scroll prototype inspired by 即刻(jike)App
2
Will Simons
Can anyone help me or point to an example of the following: I’m trying to get the profile layer to animate to the right but, at present, only the bottom profile is animating. Can someone tell me how I can loop the entire profile layer into the animation? Cheers
2
Keith Lang
Can I propose a change/ alternate method for how Documentation work? Reason: I find myself using the website instead, because: a) it's more predictable due to OS X differences in Commmand+tab, compared to Command+tilde, as well as more habitual. b) Realtime search results in the browser. (feature request) However, it's not possible to have documentation up at same time as typing in IDE unless I tile windows. Proposal: 1. User hits Command+D. 2. Documentation view appears as lower third of coding window, per console in Preview view. 3. If user had text selected, this is what is searched on automatically 4. Focus is in the search field of Documentation (?) 5. User can still move focus and type in the IDE, without losing Documentation view. Other small requests: • Real-time search results, like in the browser • Search results in scrolling Documentation view to have selection at *top* of view, not at bottom.
1
Sabitov Farid
Hi fellows! Today is my 8th day with Framer and after getting a lot of positive feedback on my yesterday’s collection of preloaders I decided to take it further. Thus I created a new preloader in Framer that could be fully customized to your needs. Please make rebounds to this shot in Dribbble, it will be very interesting for me to check out your creative approaches Download link: https://dribbble.com/shots/2674269-DAY-008-with-Framer-Studio-by-Farid-Sabitov Hope you will like it! Follow me on Dribbble for everyday freebies Framer projects. And thanks for your feedback and support! https://dribbble.com/FaridSabitov
5
Geunbae Lee
Hi all! I've been learning Framer for the past couple of months and I think I'm getting a hang of it pretty well. However, as I'm practicing and practicing by writing out codes on my own and watching some video lectures, it came to my attention that Framer is used to create prototype on mobile phones most of the time. Just out of curiosity, do most of you use other tools to create web-based prototypes? If yes, what would be the reason why Framer is used for mobile prototypes more than web prototypes? My feelings is that there are already a lot of web prototypes out there which don't require any lines of code. Also, if one is willing to use Framer to create web prototypes, one would use HTML, CSS, jQuery instead...? Please share your thoughts :)
4
Tommy Vincent Mathieu
Hello guys, I am new to Framer and to coding in general but I have a lot of fun learning coffeescript. I searched through similar questions but never found the clear answer. Is there a simple way to create a vertical parallax effect similar to this example : http://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/ in framer ? I tried giving different .speedY to layers inside a scrollcomponent wrap. I tried to understand the utils.Modulate but I didn't get it. I would also love to be able to create events based on a certain scroll height..etc. Any help would be appreciated.
3
Josh Max Rubinstein
Is there some documentation that references how Framer v61 Sketch imports have changed? I am seeing all sorts of finicky behavior. – If layers extend beyond the art board there's weird offsets in Framer. For example if I have a mask for an image where the bitmap art is bigger than the mask...and that mask goes from edge to edge on my art board after import to Framer that layer does not appear :( – If the art bard is not at 0,0 then the imported art is offset – Opacity on groups is not maintained. Ex if I have a group and within that group I have layers with opacity set to say 50% but the group is set to 100%...my opacity settings are ignored on the layer :(
2
Davey Heuser
Early February I started my graduation journey at Bundle and I stumbled upon some issues while testing my previous prototypes. They weren't hi-fidelity enough for users to understand what was going on. That's when I hopped on the Framer train and got a shit ton of help from Krijn Rijshouwer and Timon van Spronsen who helped me hack this prototype together. I would love to get better at Framer so please don't hesitate to give feedback (I'd do a lot of things different next time already): https://share.framerjs.com/m6ax96o3y6b0/
6
U-Kyung Kim
I practiced coffescript's "this", layer.copy() and animation.reverse() today :) Share: https://share.framerjs.com/ada2kmpq5akp/
2
U-Kyung Kim
Today, I practiced "for" loops, Utils.delay and animations with scroll view. share : http://share.framerjs.com/8tf67uz0tuzn/
0
Kasper Germann Kramme
Hello. Is there a way to give the Device (phone/hand with phone) a shadow?
4
Marc Krenn
re: http://bit.ly/1SqsEX8 File: https://tr.im/parallax #parallax #dof #depthOfField #scroll #sonyBraviaAd
2
Yi Hao
Hi there, I have a question about this prototype on Framer site: https://share.framerjs.com/g0csfrca75ko/ On Line 36: point = Utils.convertPointFromContext(event.touchCenter, zoom, true, false) I know what's utils means, but I don't know and cannot find convertPointFromContext on framer docs. Anyone can tell me what's this line means? Thanks!
2
Ivan Cruz
Hey all! Is there a way to bookmark prototypes in the Android framer App or make it the default browser to avoid copy paste addresses?
1
Linghanmin Liu
I was just reading the doc and would like to know, for something imported from sketch, is there an easier way to code the same behavior for multiple layers( >10 )? e.g layerA layerC .. Layer X, for each of them, highlight it when mouse over. Oh, btw, Hello #framerjs team, saw something strange in your doc, are these typos?
1

April 27

Aalok Trivedi
Are there any good beginner tutorial/walktrough resources for using svg/paths in framer? I don't really have a lot of experience working with svgs, and most of the examples I've seen using svgs in their protos go over my head when just looking at the code
6
Ermal Turkesi
is there a way to specify the depth or z-indez of the layers? I want to have the status bar above everything...
5
Michael James
I'm having some trouble with a custom device. 1) Is there a way to zoom even if "No Device" is selected? It's currently grayed out. 2) Even if I set deviceScale, the device scales to fill the frame whenever I reload, effectively ignoring that command.
1
Fran Pérez
Framer Studio needs to do something like this before publishing a proto, create a new link vs update current (min: 7:58).
3
Brian Byle
Hello all. Quick question. Is it possible to apply many properties to a layer imported from Sketch? Right now I need to write layerA.opacity=1 , etc. for EACH property I want to specify. Just curious if there is a faster way similar to creating a layer with new Layer. Thx!
3
Chetty Arun
Is it possible to set different animation curves to different properties in a single layer? For example, a spring curve to property "y" and an ease-in-out to property "Opacity"
3
Adam Deher
Is there a way to get framer to respect the dimensions of transparent layers when importing from sketch? For example, I have a group called button. It has two sub layers, icon and hit_area. The hit area has dimensions of 60px by 60px and is transparent. The layer icon is 30px by 30px and is centered on the layer hit_area. I would like the group, button, to have the total dimensions of all the layers in group, so a total of 60 px by 60 px and not the 30px by 30 px of only the icon layer. Is there a reason that I am missing why this would not be the proper convention? thanks,
6
Chris Camargo
Coming across some odd and unexpected behavior with states and draggable/pinchable layers. http://share.framerjs.com/mswppi7294g6/ Here I have a map layer that is positioned in the middle of the view. I can drag to pan and pinch to zoom. The "Reset" button calling mapLayer.states.switch("default") to get the map back to its default positioning, but things are getting weird... 2 issues – 1. The reset button does not work reliably. I can pan the map layer and then tap Reset, and its possible that nothing may happen. Not sure what the repro is here. Sometimes it resets the state properly, sometimes it does nothing at all. And sometimes it moves the layer to an X/Y that doesn't match the default state. 2. When the scale of the map layer is adjusted and I'm able to successfully trigger the Reset state switch, the map layer moves in a really unusual arc. I just want to move directly back to the original position and scale in a linear movement. Anyone have pointers on how I can mitigate these issues?
4
JL Flores Mena
Hey everyone, I couldn't find if this question was asked before: I have a ScrollComponent and I'm using ".on Events.Scroll" and ".on Events.Move" as my listeners. However, if I autoscroll the scrollY property using animate those events are not triggered. ie. myScroll.animate -- properties: ---- scrollY: 400 Why are those events not triggering? Is there a workaround for this? TL;DR I need a way to autoscroll a scrollComponent that also triggers the Events.Move listener. Thanks!
7
Sebastian Otarola
Hi guys! Im starting to experiment with framer and the onLongPress event. I figured that before the longpress event is fired the onTap event is also fired. Making it really hard to have i.e a box that can be toggle checked AND have ForceTouch simulation (longpress) on it. Is there any way to not fire the onTap event by accident when your actually trying to fire the onLongPress event? Like, having a timer for when it's a tap (between x amount of ms) or when it's a longpress? Hope this makes sense.... Thanks guys. PS. Badass product! Love the new FramerStudio!
2
George Kedenburg III
Does anyone have an example of a resizable scroll component that doesnt lose its scroll position on resize? Here's the catch: it needs to be resizable from the top edge (anchored on the bottom). Any ideas?
1
Aalok Trivedi
Hey All. Another functions/array problem: I have a bunch of layers in an array (myArray = [layer1, layer2, layer3...layer16]). When I click on any layer in that array, all the other layers should scale to 0. When I click on the layer again, all layers should return to their original state. to beat the dead horse: click on any layer in myArray--> --all layers in myArray except the layer I clicked scale to 0 -----click on same layer--> -------all layers return to scale 1
4

April 28

Brad Ellis
I'm trying to load a JSON feed, but I'm getting a 206 error. Loads fine in Safari, but its a little large (half a mb). Is there a simple-ish way for me to get this working?
2
George Kedenburg III
Hey Framer-ers! Today we announced a bunch of improvements and new features for Facebook Live: www.buzzfeed.com/mathonan/why-facebook-and-mark-zuckerberg-went-all-in-on-live-video One of those features is Live Reactions, designed by Alex Cornell, a constant “wind” of reactions that flows across the screen reflecting what the viewers are feeling at any moment. In order to really feel what this was going to be like, I ended up making a pretty robust prototype version of our Live player with Live Reactions in Framer. Building this prototype allowed us to get really accurate feedback in user testing (we customized the prototype per participant), it allowed us to quickly tweak animation easings and little details like the alternating burst colors, and it also made the transition from design to engineering much more smooth. Here is the prototype I built: http://share.framerjs.com/zmiyvyehoc5c/ It’s definitely not perfect, and could probably be cleaned up a bit, but thats the best part about prototypes: it’s ok if it gets a little hack-y here and there, we just want to see if it works. Hopefully you find something interesting in here that you can apply to your own prototypes!
20
Ankit Joshi
Trying to build a prototype for web, and I'd love to change the (default bubble) cursor to a OS cursor and a pointer for hovers...is this done before? If not, any idea how to even go about it...?? (Beginner)
2
Florian Schommertz
Hi there - I love the tool. I wonder if anybody could do (or has done) a tutorial for wordpress themeing with framer. I'd love to see widgets (pages/cutom post types) with *dynamic content* run by framer projects.
2
Márcio Ribeiro
EDIT: No sure why but I could get what I want using a device image width and height smaller than my layout, instead of the same value. So if someone knows how to give a layer the scale-to-fit property would be wonderful. Thanks, guys! Since I’m not sure how big or small the user’s resolution is, I want to give like a pseudo responsive feeling to the prototype, so I’m trying to use the scale-to-fit behavior from a custom device snippet (1920x1080px) to do this, but the problem is that now the prototype don’t use all the space my screen has and never shows like 100% of it, even using a monitor with 2560 x 1440px resolution. Is there a way to use this scale-to-fit like I'm trying to do, perhaps like when you use in css to something to be "width: 100%"? And, is it possible to give a layer the scale-to-fit property?
2
Marco Paglia
Hi, I used to be able to set as "transparent" the Canvas itself. In other words I could set "Framer.Device.fullScreen = true", and changing the Framer CSS to transparent would make the background to be transparent as well. This way I would (for instance) embed a framer file on a site, and having transparency among my elements. This doesn't seem to work anymore. If I import files I made a year ago, they look transparent, but if I make new projects, I don't seem to be able to achieve the same result. Did something change in the codebase? I can attach an example if this doesn't make sense. Thank you guys m
7
Jason Nelson
Hey, All. Wondering if in anyone has done anything with shape recognition? I am looking at triggering some events based on identification of shapes in pictures or SVG shapes. TIA!
1
Daniel Feldt
Hi everybody! Just wondering, is there a way to have statistics in your prototype? I'd like to record the number of clicks on buttons e t c to determine how well they perform. I know all this comes up in user testing but I'm thinking remote testing on hundreds of pilots.
3
Tiago Rodrigues
Hey guys! I’m working on a project and I need to figure out a way to change a layer states while I’m Scrolling or Swipe another one. I’m trying to reproduce the Snapchat side notification (hour/minutes) on Stories tab. I already tested printing the Y when the event start, but it only print the initial Y. I need a way to keep printing the Y in real-time. This make sense? Thanks!
1
Veronica Jimenez-Miller
Hey Framers! Does anybody know how could I create a count down? Thanks!
3
Sergey Voronov
Hi) any way to delete the page from pagecomponent? i am using destroy() method, but can't understand what i can with spacing that appeared on the place of destroyed layer, recalculating X is giving really messy results ( http://share.framerjs.com/rc3flut7ek2f/ drag layer and release to destroy it
2
Cameron Burgess
Hey Everyone, I've been trying to follow this guide (https://medium.com/framer-prototyping/working-with-svg-paths-in-framer-43d3c2d08adc#.ygabsmulk) to animate SVG assets in the newest version of Framer and Sketch. Does anyone know if it's not deprecated and/or if there's a new way to do it? Thanks!
4
Alan Dickinson
Hey all, I want to generate a png sequence from a framer project. It's possible to get image data from an HTML canvas element with toDataURL() -- I'm looking for something like that, or any other technique, that would work with Framer projects. Have any of you done something like this before?
4
Chris Cbass Thomas
Hey all. So I'm really new to code I know a little. But I saw the latest update on how to design visually. Where is the best place to start learning Framer. I saw the learn page but I'm clueless, I wanted to use Framer to start showing CEO's and VP's progress on designs. How big of a learning curve is it? Thanks in advance for the help/
2
Philip Tribe
Quick question. Has anyone had any experience with loading a webview, perhaps with an iframe, into a Framer project?
2
Adrian Here
Hi, I hope this is not too dumb a question, but I am super new to Framer JS, literally bought it two days ago: I just downloaded this sample project to understand how it works. https://www.dropbox.com/s/1lgsw60tl6yi66e/framer-tutorial-part1.zip I imported the PSD file into framer, but I can't seem to resize it. I remember there were some width and height attributes before in another project but I can't seem to find them here. What do I need to do?
2
Will Simons
hey Framers, wondering if someone could help me out with the attached file. http://share.framerjs.com/cvm8q5by66e6/ The intention is for the 3 items in the grey container to appear one after the other, with a slight delay between them. But it’s not happening. For reasons that I can’t figure out, only the last item is appearing and it’s positioned at the top of the container, not the bottom. Can anyone tell me where I am going wrong and what I can do to sort it out? Thanking you.
1
Filip Skrzesinski
here's a website prototype i did for a project. note: it's pretty messy due to time/deadlines. has anyone successfully developed a workflow/template for larger prototypes? there's not many web/desktop framer examples out there http://share.framerjs.com/7hfh9u7wrtuz/
2
Joshua Walker
I look forward to investing some time in Framer! Some of my UX peers in town (Orlando, FL) plan to get together to learn the ends and outs in the near future :)
4
Noah Tsutsui
I am not seeing the "Open" button on any of the share.framerjs.com links. is it just me?
2

April 29

Jordan Robert Dobson
I made this with my 3.5 year old son Jonah last night. And we changed a few things this morning. It was mostly under his direction with a few suggestions on my end. (spin them and blend them) The hardest part was keeping up with his ideas. :D http://share.framerjs.com/5a238otyvjf9/ Pretty fun working with him… I think next we might make a fun letters game where he can practice organizing the letters in his name and can trace them to draw with his finger. It should be fun to make during the rainy days here in Seattle.
26
Naman Kalkhuria
is it possible to capture layer:create event.. i want to execute function when a layer is created.. mainly to assign a random name to it on creation as framer doesnt automatically does so
2
Sabitov Farid
Dear Framer team! Could you please create a module for «gooey» effect. I’ve spent a lot of time to figure it out and the maximum that I could get is: http://share.framerjs.com/ji4h0pfwsev1/ Thanks Marc Krenn for assistance, based on his solution I have been creating my project. Here’s his work: http://share.framerjs.com/czmlytck1zzd/ Later on I realized that creating such effects via CSS filters is not a good idea. Here’s the article that describes how to reach that «gooey» effect via SVG filters, that are more flexible and work everywhere http://bl.ocks.org/nbremer/a3684c52fb527c8fa415 Unfortunately, my programming knowledge is not very deep and I had to spend a lot of time on learning and in the end I couldn’t create anything cool :( I’d happily use that effect in my projects, since it enriches the UI. It would be really cool if there was a simple method of using it as a properly. For example: layerA = new Layer y: 396 x: 22 gooey: true I’m sure it will give a huge push for creativity! And it would be absolutely awesome to have physics in Framer that could be integrated via module. Below are more articles on the topic: http://www.tutorialspoint.com/svg/src/gooey/send.html http://codepen.io/chrisgannon/pen/GZNgLw http://codepen.io/chrisgannon/pen/BoXLOJ http://codepen.io/chrisgannon/pen/MwMpBQ
3
Jacopo Moretto
Hi, I'm new to FramerJS and I'm curious to know how many pages a project can have before it became to complex to handle with the tool. I would use it to prototype responsive websites (btw I can't find many examples on that) and I don't know if I need to create small projects with 1-2 pages or on bigger project with many pages inside. Thank you :)
1
Hendrik Kleine
Hello All! I’m hoping for some tips on how to get started with a “prototype timer”. The idea is that the user is given some sort of task (i.e. “Tap button X”) and I want to be able to measure in seconds how long it will take them. When the user is ready to commence the task they will tap a start button, which must trigger a stopwatch which will run in the background, for example (not actual script): Sketch.StartButton.onTap -> Sketch.Screen2.BringToFront() BackgroundTimer.Start Then when the user taps the right button which for me identifies the task is completed, the time should stop and the value stored for later retrieval. for example: Sketch.ButtonX.onTap -> BackgroundTimer.End SaveTime: “UserTime” Then I can display a layer and insert this time, for example. ResultLayer = new layer ResulLayer.BringToFront() ResulLayer.html = “You’ve completed the task in” <UserTime> “seconds”! So this clearly isn’t actual script, but I hope you get the idea. My question is, can I run a background stopwatch and save the time for later retrieval and display as text? Thank you for any suggestions :)
1
Liu Zhou
How to detect Pan Event on the whole screen?? While practicing the 3D rotating example, (http://share.framerjs.com/5btjrkckcesz/) I find the PanEvent only triggered when drag the Container Area and the Tappable Card. How can I apply the PanEvent to the whole screen? Also, any suggestions on turn toggle events? I current use this. It works, but doesnt feel right. # add listener layer.on Event, (event)-> handler(event) handler = (event) -> doing something # turn off event layer.off Event # turn on again layer.on Event, (event)-> handler(event)
2
Jason Valalik
Looking forward to seeing more multi-page flows, upwards of 10-20 artboards to understand those interactions between them.
1
Nefaur Khandker
Hey, y'all! I'm having some trouble getting the coordinates of a touch. If you look at this prototype, you'll see what I mean: http://share.framerjs.com/tdninqekeo53/. Basically, I'm trying to get the coordinates of the touch event relative to the "screen" layer. However, when the touch is inside a ScrollComponent I'm getting the coordinates relative to the ScrollComponent even though the event is bound to the "screen" layer. Can anyone suggest a way to work around this behavior? Thanks!
2
Daniel Caine
Hey guys, Tried searching online but can't find anything suitable. I was wondering how you'd go about detecting the amount of content in an input? inputElement.onkeyup = (e) -> if inputElement.value.length > 1 print "there is enough content" else print "not enough" This will only trigger (it seems) when you tab or press enter, but looking for a solution which knows when there's a minimum amount of text in an input, so I can then show a form is validated.
1
Raphael Dirr
Hey Guys, i have a big draggable map with dots on it in the background. Is there a possibility to add new dots on the position of the crosshair when clicking the button. After this a new dot should be generated there and should be draggable with the map as well. Thanks for your help! :)
3
Rsc Bux
https://web.facebook.com/rscbuxads/
0
Daniel Caine
Hey guys, does anyone have an example they'd be able to share that has two input fields? Like the one seen in the examples page, but two of them http://framerjs.com/gallery/preview/#chat-bubbles.framer The problem I have is that I've created two inputs in a loop but when I go to use # Place input layer on screen textInputLayer._element.appendChild(inputElement) It will only place one of the inputs on the screen/make them editable if that makes sense? 😂
5
Carlos A. Rivera
First Framer thing. Need to look into loops. I'm thinking they would cut down on lines of code and make it easier to edit animations. http://d.pr/v/19vuZ
2

April 30

Josef Richter
Sorry for asking for millionth time: is there a way to include/exclude layers to be imported to Framer? Ideally just by putting some character in their name? Can't google out any answer. I have like 100-200 various draft screens in each Sketch file... Thanks!
3
Blaine Billingsley
So am trying to get into subtle 3d effects in Framer, but every time I try I get a glitchy clipping effect. I have seen a couple other posts about this but so far none of the comments have garnered a solution that works for me. Am I missing something very simple?
4
Christopher Hernandez Magcamit
Hey All! Hope everyone had a great work week. In regards to Framer, one of my projects shut down unexpectedly a few times... many of which I was unable to save. Has anyone else encountered this problem?
2
Maxim Raykhrud
Hello! I seem to be running into a particularly annoying error that occurs when I am trying to copy a layer in one particular file. All I am getting is "TypeError: Layer is not a constructor (evaluating 'new Image()')" and traceback is not pointing at any bits of my own code, just some stuff in Framer and CoffeeScript. Could this be an import error? I am not getting this when calling .copy() on layers from other files and the the same version of Framer. Here's the prototype I have: http://share.framerjs.com/yio8mekwi2cp/ Thanks!
3
Justin Fraga
When I import Sketch files, some grouped layers are incorrectly offset in the y direction-- it appears that Framer is importing their y position in the artboard but referencing the group instead. Ex: a sub layer at y:124px in a group placed at y:80px will import at 204px. Strangely this does not happen to all grouped layers, only some.
7
Daniel Caine
Hey guys, I'm trying to make a shake animation from some CSS code I've found on a codepen, but unfortunately not able to get it to reset to the original state (it just stays all skewed). Any ideas? :S http://share.framerjs.com/2ucwvctkj395/ I've done something similar here for an old prototype: https://dribbble.com/shots/2435671-Mixcloud-sign-in-concept But yesterday, when I went to transfer the same idea onto a button in a new prototype, the result is like this: http://g.recordit.co/4cYo5XMULb.gif
1
Thomas Rekers
Hello all. I am prototyping a log in screen with input fields and previewing it on an iPad, and I encountered the following problem: When entering values in the input fields, the iPad keyboard comes up and moves up the prototype preview. Hereafter, the prototype preview is stuck in this position, even when the onscreen iPad keyboard has disappeared. Q1: How can I reset the prototype preview to its normal position, when input fields are inactive or when I advance to another page? This happens when previewing on my device. I have attached three screenshots; one before, one with onscreen keyboard, and one after the onscreen keyboard has disappeared. Any help or advice is much appreciated.
3
Kasper Germann Kramme
This might be a strange question. I don't know if I can explain it good enough for it to make sense. Or if it would be possible. But here we go. :) Is there a way to use the utils.modulate function in such a way that it will be possible be move (fast) forward/backward in a video sequence while having interaction physics like a PageComponent (drag-and-release to switch between video chapters or specific time codes)?
4
Matias Seijas
Hey everyone! I'm trying to build a prototype that uses video with framer and I'm having some trouble. The documentation is not very extensive, but I learned that the VideoLayer is the same as HTMLMediaElement so that helped. The problem that I'm having is that the fastSeek function is not working, and when I look at the readyState var it returns HAVE_NOTHING. Any idea what might be causing this? Thanks :)
3
Kashif Vikaas
Switched from Mac to PC where do I download Framer from?
4
Asher Isaac Simonds
What's going on Framer folks. We set up a private web server to host our prototypes internally so our engineers can use them while they work their magic. The unfortunate part is while everything works great from a presentation standpoint, sharing the code for the prototype still involves using the file or manually copying and pasting it in email or chat. I know some of the examples on the Framer site showed a code sidebar on the desktop version of the prototype preview - is there a way to use that to better communicate between design and development?
3
U-Kyung Kim
In celebration of the Boston Celtics' final game of this year's NBA season, I practiced making a flip animation! #BostonCeltics Share: http://share.framerjs.com/z40cuipttr5j/
1
U-Kyung Kim
For practice I used "if", "else if" and Color.darken() in this bottom bar prototype :D share : http://share.framerjs.com/14rm0pcsk97t/
8

Monthly archives

2017

2016

2015

2014

2013