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

What is Framer? Join the Community

Active Posts

January 17

Nabha Cosley
I think this is a newbie question: I'm taking content from a JSON source and putting it into a prototype. So far, so good. But some item titles are multiple lines, some items have subtitles, some have images, some don't — and I find myself doing a lot of this: thisItemSubtitle.y = thisItemImage.height + spacing * 2 + thisItemTitle.height + spacing / 2 thisItemDescription.y = thisItemImage.height + spacing * 2 + thisItemTitle.height + spacing / 2 + thisItemSubtitle.height + spacing * 2 thisItem.height = thisItemImage.height + spacing * 2 + thisItemTitle.height + spacing / 2 + thisItemSubtitle.height + spacing * 2 + thisItemDescription.height + spacing * 2 That seems really weird… does anyone know a better way to do this?
3
Josh Peters
I'm trying to on a Tap event of a button, change the stroke color of an SVG object inside of the button, while it changes the previously selected to white. Can anyone see anything obvious in here to explain why this doesn't work?
2
Tes Mat
Hey, I just updated the Apple Music tutorial that I published last summer on the Framer blog. Here’s what’s different: • It now uses the iOS 11 design (some details changed + addition of an extra mix: ‘Chill’) • The Sketch file uses the SF Pro fonts. • The interaction changed: In iOS 10 you just had to drag down far enough (to go from Now Playing screen to the Mini Player), but in iOS 11 you have to release. (Is actually more natural.) So earlier I used ‘onScroll’, now ‘onScrollEnd’. • The Mini Player’s background blur: Was a CSS effect, and now it’s simply set in Design. • Now uses Benjamin’s new ‘Framer Audio’ module instead of his older ‘Framer AudioPlayer’. • The earlier creative use of masking in Design, just to create triangles, is not needed anymore. We now use the shape tools. Enjoy!
1
Oscar Martínez Germán
Hi, I want to make this countdown goes on reverse, for example: from 60 to 0, and when the animation finished, reset it again.
0
Patrick Hansen
I'm trying to figure out how to cycle through states automatically after onload of a view, and then show each state for 3 seconds. I tried: layer.stateCycle(time: 3) But it just cycles through the states almost instantaneously and stops on one of them
0
Justin Fraga
Class/module question: How should I target a layer created within a class or module for interactions? For example, if I'm implementing the class below, how could I then use "tiles[0].onTap ->" in the prototype? class Foo extends Layer ¬ constructor: (@options={}) -> ¬ ¬ @options.count = 10 ¬ ¬ @options.width = 50 ¬ ¬ @options.height = 20 ¬ ¬ super @options ¬ ¬ container = new Layer ¬ ¬ ¬ width: Screen.width ¬ ¬ ¬ height: height ¬ ¬ tiles = [] ¬ ¬ for index in [[email protected]] ¬ ¬ ¬ tile = new Layer ¬ ¬ ¬ ¬ parent: container ¬ ¬ ¬ ¬ width: width ¬ ¬ ¬ ¬ height: height ¬ ¬ ¬ ¬ x: index * width ¬ ¬ ¬ tiles.push(tile)
2
Giles Perry
Does anyone know how to stop text layers from wrapping unexpectedly?
2
Adam Mazurick
Hi FramerVerse, hope all is well. Two requests: 1. Rulers. I need these bad. Every Interface is a layout and and layout needs structure and grid. I'm using silly workarounds now like manually using objects to create a grid. It's just weird. 2. A type of interface to manage stroking paths and adjusting curves. Here’s how I do it in Adobe. That would be wicked helpful. I'm trying to display biometric data on a new type of display and it's heavily svg dependant.
1
Johann Kasuch
Hey ! Anyone else running into problems with this nice drag-n-drop module? https://github.com/IanBellomy/Pair In Framer Preview everything works. But module breaks when using Framer iOS App, no matter which device. Any ideas?
0
Jason Nelson
Does anyone have examples of animating along a curve generating by an equation? I'm trying to animate along an ellipse. I'd like the Y value to change based on the X value when dragging along an X-axis. Since I need the values to respond to change:X events I'm assuming animating along a vector won't work, needs to be generated mathematically in the code?
2
Jason Sparks
Big ask. Does anyone have an example of a well written, expandable Framer project? I’ll be prototyping a number of new features for a mobile webapp for a typical eCommerce site. I wanted to structure my code well, things like creating a base component/class that would be the parent app class. From here, I would probably extend off this the key screens (product page, basket, checkout etc). Common components like modals, drop-downs, cards etc would probably exist in the main class so I could use these easily in each of my screens. Just a little unsure of best way to code this, naming convention, separating views from actions, behaviours, states etc. Anyone got an example they are happy with and don’t mind sharing?
2
Paul Kooi
Hi. I'm trying to expand my knowledge a little bit. Attempting to make a class for a button with a label centered within it. Per the docs I've made it so I can change the height and width and other aspects of any instance of the button itself. Works great. Having trouble figuring out how I'd change the label of a specific button though???
3
Adanma Ekeledo
Has anyone figured out why prototypes are blurry when opened in Chrome? Pretty much makes the output useless if I can't share it.
1
Stephen Boak
What events, apart from dedicated Framer meet-ups, should I be attending to meet other Framer users? I'm thinking about design/prototyping conferences in particular, but curious how you all engage with the community apart from meet-ups.
2
Sauraj Babu
I build a simple camera capture interaction on framer this week. you can play around with it here :) -
2
Tom Ellwood
Hey guys, has anyone come across (or figured out how to fix) a bug in ScrollComponents + onTap event in the latest Framer? If you try and drag an element in a ScrollComponent that has an onTap event, the event is triggered. Quite difficult to make a scrolling list of links.
4
Armand Arana
Hi Everyone! I was wondering why I get an error message after trying to adjust the animation of a state. I'm trying to add in a Delay but when I do I get: undefined is not an object (evaluating 'ref.length') and a black canvas. Is it possible to delay a state?
2

January 16

Dawson Beggs
question, I have a page component and a flow component. When 'swiping' a page component, the flow component scroll is still enabled, is there a way to disable this so that when using page component the page will not scroll at the same time? Thanks!
0
Ban Nguyen
Does anyone have tips/examples on how to create a navigation like this google analytic using array to organize menu items and sub items. Thanks!
0
Jonny Howle
Quick (possibly dumb) question! When creating an image layer: layer = new Layer ___image: "images/image.png" Framer out scales my image to fit the default height and width. Is there a way to set the height and width to auto so that if I bring in an image that is 300 x 100 it will remain so?
1
Simon John
First time with framer user hereee. Is there a different between animationOptions and options. Because the both tend to accept the same inputs like time and background colour
2
Jonny Howle
hey peeps, is there the ability to create a templated image similar to template text? I have a symbol with some templated text that works fine, but i want to change the image that is in the symbol (its a logo) for every instance. I couldnt find anything in the documentation. Thanks!
1
Chris Wang
Just found a minor bug of text layer in Design mode, if you set text layer to Bold or Italic, the fontStyle doesn't actually get applied to that layer.
0
Adam Mazurick
Benjamin Den Boer I have a question and need some help. Shown here is an example of an animation that was made with an effect in After Effects called trim- paths. Presently, I use lottie or greensock in Framer to do this. I don’t like doing this. My question, what is the most efficient way of doing this? Has anyone used just Framer to do this with new tools? To accomplish these animations and associate them with events, I’ve used Animation Objects and lottie. Can we do this with the new Framer? (Artwork not me) A project I’m doing requires lots of this. https://dribbble.com/shots/3801824-Icon-Animation
5
Ban Nguyen
My admin contacted you guys to renew my license but it has been very difficult to reach you and get help. Thanks!
1

January 15

David Antonio Vilca Obregon
Hola amigos, este es mi primer artículo sobre Framer para la comunidad en español, son unos ejemplos sobre Flow Component nivel básico, muy pronto publicare más artículos y videos para quien desee aprender sobre esta genial herramienta. Gracias :) Link aquí: https://goo.gl/uavpQ8
0
Eddie Ecker
Does anyone know if it's possible to pin a page component to a river page? I'd like the user to hit the page component when y:1400, but it seems that the component is always present in the viewport...
0
Pawel Kontek
Hi, is there a way to manipulate the order of imported layers from Sketch vs. layers created in design space or in code? The *layer.bringToFront()* doesn't work and the imported content from Sketch seems to be always on top of everything.
2
Yeseul lee
Hello! I have studied the "search" prototype as an input module. https://framer.cloud/rmjyN But I am having difficulties in two things. 1. I want to change the y value of the two cards up when there are two search results.. 😩 2. I would like to display "no search results". What do I do? I have also studied the Accordion List example, but I think it is too hard to apply. Any ideas will help. thank
1
Sarah Lim
Hey, designers! We’ll be hosting the first Amsterdam meetup of the year in a little over two weeks. Join us at Framer HQ to learn Framer hacks, see what’s in store for the product, meet the team and fellow Framer fans, and more. Have you designed something cool that you’d like to demo at the event? Let us know. We’ve set aside some super cool new Framer swag for presenters. RSVP today —
0

Monthly archives

2018

2017

2016

2015

2014

2013