Framer’s new screen design tool is here — Frames, Vectors, SVGs and Handoff (framer.com)
almost 6 years ago from Jurre Houtkamp, Framer
almost 6 years ago from Jurre Houtkamp, Framer
So excited to have this out there. Fun fact: all the graphics work around this release was completely made in Framer, which is our main drawing tool now too. Now that we have all the fundamentals in place, 2018 will be all about merging code and design. I can't wait.
Go team Framer!
Good job team! It's a golden era for design tooling. I use Framer for prototyping, only thing that's keeping me from using Framer for assets is my orgs dependency on Zeplin.
I'd be curious to know why you say this is a golden era for design tools? Our design tools still work largely the same as PS/AI and those are 25 and 30 years old respectively.
Golden in the Klondike sense, a few companies are digging for the ultimate gold nugget: to become the monolith design tool ;)
I don't think Framer works like PS/AI – Framer is much more tailored to the needs of an interaction designer. Anything that is possible in the browser can be crafted with Framer.
What is happening right now is a narrowing of the gulf between the tools that designers use and the tools that developers use: Framer is a great example of this, XCode Storyboards is another. Also the roles are more blurry, many designers have skillsets that overlap with developers and vice versa.
From Frames, Vectors and SVGs to Handoff, the entire tool was made as a true labor of love by our team. With this new design feature set and our prototyping interface, Framer is now the only tool you need to create everything from detailed icons to high-fidelity interactions.
Update to v107 to check it out and be sure to drop us a comment with any feedback — http://bit.ly/2BECqRU
Thank you Framer team!
So first off this all looks beautiful, and some of those vector tools look really neat. That being said:
How does Framer work with multiple designers working on the same files? There isn't support for tools like Abstract or Plant, so what do you do?
Does the responsive design feature involve ANY web design type stacking or changing of grids at different screen sizes? I need more than just pinning to the corner or floating in the center.
What about things like changing fonts, colors, or components across multiple projects or files?
The number of design tools coming out that have little differentiation between them is stressing me out.
I think this tool has some inherit differentiation compared to its competitors in that it has code based prototyping built in vs its competitors which either don't have a prototyping feature at all, has a timeline based prototyping feature (e.g. Flinto) or has visual coding based prototyping (e.g. Origami).
IMO, I think that makes Framer a compelling product if you are designing mobile applications or any sort of interface that has fine points of interactions that are more complicated that simple transitions.
All good questions!
You can Git version your Framer project, however it doesn't give you nice visual diffs like Abstract.
Your diffs would look something like this:
While I don't see myself switching anytime soon – really excited to see how it evolves in next 6-8 months. Meanwhile, will definitely use it for a one-off smaller project.
"You have OS X 10.11.6. The application requires OS X 10.12 or later."
:'(
I find my workflow is split between Illustrator and Sketch (with me avoiding Sketch's pen tool entirely). I still find the versatility of Illustrator's tools the best, so it's sort of odd (at least for me) when these tools attempt to encapsulate my workflow in their product to some degree. Let me easily import and edit vector images from other software and you'll have me onboard.
No one can seem to replicate pathfinder tools as well. Playing briefly around in Framer, and while it's better than Sketch, it doesn't beat Illustrator.
You can import svg's and it plays nice, and smart segments are a nice add.
Glad I am not the only one who routinely returns to illustrator to draw things. I am getting used to the controls in Figma to draw, but its like undoing many years of Illustrator bezier behaviour that programmed into my brain :)
I'm still hoping Sketch to implement the Cmd + J—very handy feature I use a lot on Illustrator—to join to separate nodes from different shapes. Good to see that I'm not the only having similar workflow as you :)
Looks very cool, and Framer is a product that’s solid, that I’m very enthusiastic about, which I never end up using.
They seem to be suffering from the same approach Sketch launched with -
this is all about mobile.
Of course, I’ve designed plenty of mobile apps. Yes, yes, “mobile first” - etc., etc.,
A large bulk of my work is targeting desktops and Saas, which I create using Sketch.
Dunno why, but when I see this kind of rollout, it makes me think mobile (the focus here) - and thus, Framer never becomes top of mind.
Like I said, looks cool, but - there are other screens out there.
symbols?
I'm glad to see the quick evolution of the product. Unfortunately, it needs a lot more to make me switch completely from sketch.
Is that a little guy doing barbell squats or frankenstein with really long neck bolts?
Clearly frankenstein.
I am more concerned with the decimal pixels. I really don't understand why every single vector tool can't deal with this issue.
Hope Framer can just control the SVG animation!!
Congrats on the launch, can't wait to try it out properly.
However here is some feedback for your team.
So I just launched Framer and it asked me to enter a valid email address. Why? I last opened Framer a week ago or so.
I use several email addresses, so it took me a while to find the one I used to buy framer. I tried searching my emails for 'Paddle' or 'Motif Tools' - no luck. Then I read on your help section that you changed from Fast Spring to Paddle, so I searched my emails for 'Fastspring' and found the email address I used to buy Framer. I know this is quite an edge case and with being a bit more organised at my end this could have been avoided, but still it exists and you somehow need an account section where people can retrieve their key (e.g. new computer) including all the standard recovery options, e.g. forgot password, forgot username, etc. It could have been also avoided by you not asking for a valid email address while my license is still valid.
Your help section is quite thin and some of the things answered before seem to be missing. For example - after my 12 months license has expired, do I still get to use Framer? When I bought Framer a few months ago it said I would be able to.
Did anyone else find this annoying on the features page
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