I just published "Modern Design Tools: Adaptive Layouts", the first in a series of articles I'm writing about design tools. I used Framer for aspects of making the tool I show in the article. Give it a read on Medium!
Josh - Such a good article... and exactly why I've been designing in browser and more recently iOS as soon as I can... often after a paper sketch or quick illustrator mock up... so I can solve those real UI problems before I share the design with engineers. <3
The struggle is real!
Pete Schaffner's all about adaptive Framer.
Great post Josh!
dope Josh. is that tool using GSS, or just inspired by it?
Very thoughtful post Josh Puckett!
Jon: actually more inspired by auto layout!
Using framer to design framer :)
Have any of you used GSS for a live project? Would love to check it out.
The more I use autolayout and constraint based animation with constants... The more I really really like it. :)
As far as Framer itself goes, adaptability is one area where standard Framer is limited compared to what you naturally get with standard web tech. HTML and CSS are fluid by default, and they're what I go to when I am prototyping to demonstrate scalability rather than other things like flow or animation. In a way, though, simplifying to absolute sizes is what makes things like animation in Framer easier. But we could probably think more about what a Framer designed with adaptability in mind (while still addressing animation, etc. in a simple way) could look like. Jay Stakelon's https://github.com/stakes/fluid-framer is interesting in this regard.
Chris - this is quite interesting as well. I've yet to have time to dig in yet... http://iamralpht.github.io/constraints/
Yes! Ralph's stuff is super interesting, and I was super interested in exploring the connectedness of all these ideas a while back. But now I think given the different models and priorities they're all working from, combining them all is a tough problem and maybe not the right approach. I think there's a lot of potential to be unlocked in applying constraints to prototyping, though.
Good stuff Josh! I've been using Framer more as a layout/full-fledged design tool for this very reason and am working on a slightly geekier tool for making it easier to design in a fluid and modular manner. I really want to get to a point where you can express your designs in a self-documenting way that does more than specify widths and heights but rather behavior and constraints.
Really cool article, Josh!
Can haz that design tool please? I started going into Xcode much sooner because of its Auto Layout capabilities.