Framer 3 is out (framerjs.com)
over 8 years ago from Ale Muñoz, Design Hacker @ Bohemian Coding
over 8 years ago from Ale Muñoz, Design Hacker @ Bohemian Coding
Can't wait to see what will be built with it.
Changelog: https://github.com/koenbok/Framer#framer-3-changes
You couldn't have waited until tomorrow to launch and let me keep the #1 spot on DN a little longer, no? Give the little guy a chance! :p
Site looks amazing dude, I'm drooling here! Can't wait to get stuck in and try out the new features.
Sorry man. No harm intended :-)
I'm a designer who's not scared to get into tech stuff. I tweaked alot of the XML layouts on the android app @ Glide. But I never got into CSS / Javascript.
I really want to get into Framer.js but it looks scary with all that code?
Is it as bad / hard as it looks? or is it more about piecing already existing snippets of code together? or what?
Is it a steep learning curve?
What ever looked as hard as it was when you mastered it?
Framer uses code. So there is a learning curve when you start.
The biggest reason to learn code is that it is the most flexible and efficient way to describe behaviour. That is a necessity to invent new UI. I really wish there was something else, but there just isn't (although noodles/patches like QC come close).
The good news is that Framer was designed for exactly you! It integrates with Photoshop and Sketch and uses one of the easier and most universal programming languages: Javascript. There are tons of great resources out there to learn Javascript and you can use it to build pretty much anything. On top of that it's browser based so you can reuse a lot of thing you already know about css.
The generator is very helpful for diving right in by adding a default animation. It's very cool.
But how do I separate the layers so they can each have different animations? I've read through the Docs, and looked at sample code, but it's not clear.
EDIT: I found the answer on the info about Generator, but this could also be found more easily under the "Layers" part of "Docs".
Loving it so far.
I'll make that more obvious under docs. Thanks for pointing it out!
State machine stuff is rad.
Any thoughts on how you might be able to use Framer with Flinto?Such as a GUI for applying Framer code to elements ?
I don't see why you couldn't. Maybe the Flinto guys can answer this?
Lots of thoughts. Its all I think about.
Let me know if I can help.
I wish that the community pages weren't blocked for people without facebook accounts :/
This looks cool. Is this purely for iPhone apps or has anyone used this for websites? How does it perform?
Stephen, since Framer is built entirely on top of webkit, it's perfect for prototyping website interactions as well. You can prototype for iPhone, Android, web... literally any platform.
Any updates for the sketch framer generator?
We're working hard to get it in your hands as soon as possible : )
Let me know if you need any testers. Been having a blast with the new export (and with SketchTool).
So this will be directly intergrated into Sketch ? And not as a plugin ?
This will actually be part of Framer.
In fact, if all goes as planned, you won't even need to have Sketch installed for it to work.
After all, we'd rather have you install Sketch because you like it, not because you're forced to have it : )
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now