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

What is Framer? Join the Community
Return to index
Shuangshuang Li
Posted Jan 14 - Read on Facebook

Hey Framer.js pros,

I want to start using Framer, but have a few questions. 1. does Framer work for prototyping web apps as well as mobile? Most examples I’ve seen are about mobile. 2. how does Framer handle complex workflows? I know it works really well on animating the interactions of a single screen, but how about a flow with many screens with possible conditional validations?

Thanks!

9 Comments

Mohamed Tedjani Meftah

hi, I'm not a Framer.js pro, but from what I learned framer is there to model/prototype interactions and animation, so in that sense it does not matter if it's for web or mobile.
I have not used it for full application prototype, I just sketch bits of the interaction in each file, the files become complex if I tried to implement too much

Tarun Chakravorty

Framer is equally good for web apps as well. Framer studio gives you desktop devices which are very handy in showing off web apps.

I've used it for complex interactions at work and its pretty much the same as single screen interactions. Obv, you have more code to write and maintain but you get a hang of it once you start.

Andreas Mitschke

For a task-flow architecture you'd be better off with the fastest solution and that definitely isn't code. Flinto, invision or proto.io are better suited for task-flow demonstrations !

Framer is meant for delicate animation sets that are subsequently easy to transfer to a native code. It's for interaction design / motion design, not fur UX research and architecture.

Shuangshuang Li

Thanks guys! Andreas Mitschke, it's tricky since the project I'm working on has confidential constraints, so I'm not allowed to use web prototyping tools like Flinto or invision. Probably Axure is the best to go for, and use Framer for some animations then?

Andreas Wahlström

Shuangshuang Li That sounds like a great mix! That's how I mostly use Framer.

Tarun Chakravorty

Framer can do everything that axure does, so depending on your comfort level with code, you could do everything on framer. The really good part about using framer studio is the presentation. As long as you're on the same wifi you can send out co workers links to your projects which means getting feedback really quickly. Not sure if auxure has that, but i think its a big selling point.

Andreas Mitschke

Wireframing tools like your mentioned Axure or Balsamiq are well-known choices for a "rapid" workflow with pinning different interaction motions in between, sure good thing to do ;) . However, for a rapid visual transfer of the interaction animations ( so to align everyone with the same "vision" ) I'd still recommend node-based animation tools like Quartz or google's recently acquired Form (or pixate, but that's cloud again), because it simply is faster than everything that requires "code".

Yet, if you are already on the route to get the dev team onboard, then Framer is the better choice, because you can transfer the code way simpler than extrapolating the "animation" from Quartz/Form,which usually ends up in a huge gap between the finished code and the interaction designer's vision. Never use AFX for interaction design / motion design. AE/AFX simply has zero restrictions, which usually leads to animations that are simply not achievable in code.

Stephen Crowley

It works great for developing web prototypes and work flows. I design them in Sketch and lay them out with artboards anyway so importing them into Framer is easy. Once you've had experience developing a process to design in Sketch and Framer there are a ton of things you'll be able to achieve. I build entire app flows and it works just fine, especially in the past few months with all the improvements to Framer Studio. Axure does do some nice things but it really got in the way when i wanted to articulate a specific idea and I had to slice and import pieces of my design, which got frustrating. Just a side note: the dev team I work with really likes how we can explore an idea in real time. Last week I presented three concepts that were demonstrated in one prototype- the team really took to one of them but wanted to try some enhancements... while they were making suggestions, they expected me to go off and try a few things and set up another meeting... I began to try their suggestions right there and continue the conversation based on the suggestions. Our following meeting I could really see how engaged they were when talking about the design- we are noticing more collaborative exploration and churning of ideas in a short amount of time, I really owe that to Framer and Sketch.

Jordan Robert Dobson

^ This... exactly... That moment when you say "okay lets give it a try" and then people stand up to walk out of a meeting and you say... "okay, did you mean like this?" :D

Read the entire post on Facebook