Advanced prototyping is now within reach, thanks to Framer X (framer.com)
almost 5 years ago from Jurre Houtkamp, Framer
almost 5 years ago from Jurre Houtkamp, Framer
This prolonged marketing campaign can walk calmly into the sea and drown itself.
As we ramp up sending out beta invites, we figured it would be nice to highlight different aspects of Framer X’s capabilities every week. There’s a few more to come, components, store and react.
I would love to try it out right now, but a month from now I'll be over it.
We’re hard at work to get it to you as soon as possible.
You should also put into your marketing that Framer X does not cover all that Framer studio used to do. Bye bye the advanced transitions and micro interactions unless you're deep deep in the code. But that's not prototyping anymore, it's called front end development and it kind of defeat the purpose of a prototyping tool :( I miss the interaction engine in the code tool.
There are a lot of code features landing in Beta 2 that will feel closer to Studios usecase. Stay tuned.
Yeah find it quite insufferable offering a beta notification sign up then spamming me.
Just let us try it and make our own mind up instead of courting influencers and teasing for months
You know what I bet the "beta" never comes I bet it'll actually just release as a full product, probably only sent "beta" invites to influencers to build hype.
Call me irrational, dramatic, etc, but this long, drawn-out teaser campaign has left a pretty sour taste in my mouth to the point where I've decided to avoid Framer X even if given a beta invite. I'll go so far as to say what you guys are doing is pretty dickish: you're hitting our inboxes regularly knowing we're waiting for an invite, only to dramatically promote fairly standard features all in an effort do what exactly? You're expending your good will and losing our enthusiasm. I am now reluctant to open any emails you send me.
I know, I'm only one guy, no big deal, but I suspect others feel somewhat similarly.
Agreed, my excitement is completely gone.
Well said. You are one guy, and I make two.
Could not agree more with this.
Same here. On 5jul I was "no.5391" on the waiting list. I'm curious as to how many people get the beta invite in those batches. If they keep this campaign up for much longer it's going to be a disappointment when everyone gets to test it and it doesn't live up to the huge hype.
I'm guessing you are going to have to wait much longer. #799 a month ago and still no invite... Whomp whomp!
Thanks for the reply Erkan! Guess i wont hold my breath for the beta and keep an eye for a release date..whenever that might be.
A bit dramatic? Realistically any new tool my team uses has to really be worth the transition. We switched from Sketch to Figma, and the time / effort required to do these moves limits us moving to different tools merely for funsies. I'm not itching to have Framer X launched...because it's not necessary for me to use it. Our team uses lots of custom built React components with all sorts of dependencies (only work with our Microservices, requires access to APIs, web services layers, etc.) which I'd bet simply won't work in Framer X.
yup...absolutely agreed...this long role-out, with all the teasers and such reminds me of having to wait in line to get into clubs back in my 20's....didn't like that shit then, and see no reason why I should have to put up with it now in a professional setting.... enough is enough ....
Sorry to hear you feel that way. We’re sending out invites pretty fast now, so you should receive yours soon. In the meantime, we wanted to highlight different features of X, to inform what is coming. There’s a few more feature highlights coming in the next weeks (components, store, react), as we keep sending invites.
Copying and pasting this response is ironically unsurprising.
Thing is that they (framer guys) might don't know: We as designers are also in the marketing loops for creatives within our projects, we know how the marketing people think. So hitting our inbox with ordinary news (things we might already know) about framer could result in a contra-productive way for their marketing campaign. I remember that Invision did something similar with these invision studio shots and when i finally received the beta invite i was kinda disappointed about studio. Creating a lot of buzz and then deliver a bad experience results in still using sketch, adobe, whatsoever. Keep that in mind...
Very much agree. Let's not make a Google Wave out of this. I haven't even signed up for a beta invite since I know I'm not going to get one anytime soon.
I see where you are coming from. The drawn out marketing/spamming is burdensome but in terms of the product, try it out and make an objective opinion. If anything the marketing dept who sends out newsletters needs to understand their segment's tolerances more.
So far the "advanced" prototyping seems pretty standard or am I missing something?
My guess is that it's code based, and can be radically altered by editing the code.
Depends on what you mean by advanced. In Framer X, you can render real react components directly on the canvas and modify the interface so others can easily reuse your work. We’ve added new tools to make everyday interactions simple to set up, like linking and scrolling. If you’re looking to make something completely custom, you can jump into code and write custom functions to go even further.
How do you 'jump in to code'? Can't find the ability to do this anywhere...
You can create a new code component which will launch your code editor.
You're not missing anything. It's just another prototyping tool.
I'm excited, yes. Yet, I'm losing interest with the hyperbole and water torture launch strategy.
Please, launch already.
This is getting old.
Ok ok ok! But can anyone link me to a cool prototype done in Framer X?
I've tried it last night and I'm either dumb or there are a lot of things to add to make this an "advanced prototyping tool".. I WANT TO SEE AN ADVANCED PROTOTYPE !
Hey Lucian, check out the X Beta group to get a sense of what people are hacking on: https://www.facebook.com/groups/framer.x.feedback/ or view the store in X to see what components are being build.
Additionally, I really like the last 3 prototypes Jony Vino posted on his Dribbble: https://dribbble.com/johnyvino/tags/x
Thanks so much! Love ya guys and hope you release a groundbreaking product!
Hey everyone, we’re continuing to roll out more Framer X Beta invites this week. In the meantime, we just launched a new page (and video!) detailing everything you need to know about our brand new selection of interactive tools. Check out just how easy it is to link screens, scroll content, and create flawless page transitions in Framer X
Got my beta few days ago not overly impressed. Currently feels like a cross between Sketch and XD. From what I've experienced so far, it lacks so much of the power and customisation which was familiar in Framer. Definitely a separate product, which may have some value, but certainly not a replacement of the original.
Thanks for the feedback! Please do send specific issues on where it's lacking as we're still actively working on the beta. Thanks for trying it out!
It seems that the term advanced is pretty subjective. Framer X is a prototyping tool, yes, so is Sketch, Invision Studio, XD and Figma. But X has the potential to cross the barrier from design to development or vice versa. Not promoting X here but just conveying what I have seen in the beta I received.
For some advance is the motion animation that certain tools provide but those just remain in a room full of stakeholders. For others advanced is being able to prototype with real data and interaction, those interactions can be as simple as an input field.
What most designers would expect is the ease with which custom components can be built which can be taken to production environments. Currently X can be utilised to its fullest only if you know react. Somewhere this discouraged me where I concluded its as good as Sketch or Figma but on brighter side it encourages me to learn react and hope they reduce this step size to minimum.
I have seen all of their videos as beta user which they plan to release in phases through email campaigning. The tool is so promising that I rewatch these videos to see if I have missed anything earlier and look forward to see new additions.
2 screen for a scrollview...seriously?
Some questions:
Definitely would love more X prototypes to play around with and see the capabilities. I'm sure they will release some (like they did for Studio).
Ok, I hereby withdraw my previous comment. Just got an invite, been playing with Framer X all morning and I am amazed at how good it is. Truly and honestly amazed, as soon as we get this in a stable build I am absolutely switching to Framer X as my main design tool.
Wow, what is up with all the hateful comments here? Are you guys a bit sour because you didn't get into the beta yet?
I tried out the Framer X beta and I find it very cool.
It's intuitive to use coming from Sketch and Figma.
There is some real innovation going on here, that I hope inspires Sketch and Figma to up their game.
The way scroll views are handled is pretty genius; how you can reorder content in stacks is cool, and the whole focus on prototyping from the getgo (not as a separate “mode”) is much better than the tacked-on versions in Figma/Sketch.
Having live components with editable properties that can reference React based code is the real innovation. The way that it's handled with the “component store” is also very cool.
Wow, what is up with all the hateful comments here?
A design world without criticism would be a very bad thing
I'm trying to stay positive these days but the demo video voice is quite irritating. Is it just me?!
Now give me the damn Beta already. I'll pay any price you want.
I'm a little confused here. I thought Framer X was meant to be a production design tool that spits out ready-to-use react components for FEDs. And yet, on this website they're saying 'Prototyping for everyone'. Is Framer X a production tool that aiming to replace Sketch, Figma or is it still a prototyping tool?
In Framer X, you can use actual React components directly on the canvas. These can be production level components, or more prototype-level. This is a bit of a mind bender, instead of exporting your work, you can continue to built on work that is already there.
I've had the opportunity to try out Framer X and sadly found the "design" aspect of it lacking some of the basic things I've come to expect when working.
For instance, there is no way to create radial gradients or multi-stop gradients. You cannot set alpha gradients or custom shapes as masks. When pasting an image into my artboard, or "frame", it creates another "frame" and then new objects just get created inside that which makes it hard to track. After encountering these three things, all in a row, after trying to recreate a very basic comp that I have already start in Sketch really exposed to me Framer X's limitations. Perhaps these are React's limitations as exemplified by Framer X... I don't know.
I am a big time Framer fanboy so I was excited for the X beta, like overly excited. The quick motion prototyping would be great for me and my team.
Hey Weston, X is powerful in different ways that I hope you’ll reevaluate. You are right, that radial gradients are not in (yet) and masking works different then you’re used to (clipping). I hope you’ll try out Stacks though, which by itself should be exiting if you do any type of layout. And try installing interactive components from the store, which speeds up prototyping dramatically.
In general I love stacks. We currently have a similar workflow on my team, but in Sketch using the Anima "stacked groups" – of course the problem is that if a designer doesn't have Anima installed, the entire design can break.
I think a lot of my complaints can be designed around, and I really do look forward to revisiting X when I have more time to learn the way...
I'll attach here a quick 5 minute comp using some of the things I talked about earlier: Screenshot
So I'm building this in Framer. First, I want to color pick a BG color and feather the poster art into that color – most times I can feather using a mask, but in Framer X I can't so I'll just put a solid color rect in the background and then a gradient scrim over the bottom of the art. Basically the same effect, but much greater effort each time I want to comp a different image in, since I want the BG to change color depending on movie. Also, since I can't change the position of the stops or add stops to my gradient, I need to either add an extra color block to the bottom of the art or change the frame size.
Stacks are awesome for repetetive stuff like the movie times. Huge props on stacks. I know we're in Beta, but you can see the stacks don't work right when I try and make a stack out of stars. I mean, it seems to be working invisibly (I can see the outlines when I hover the layers) but the stars don't automatically space in the stack for some reason. Also, since I want to fade out the movie times on the right I need another gradient on top of those, instead of a custom mask.
One other quirk is that since the pasted image artwork defaults to being a frame, every time I draw on top of it (typing text, drawing stars) they are automatically inside the frame and I have to manually drag them out if I don't want them in there. Might be nice for child frames to not automatically suck in layers just because they are drawn on top?
One thing I'll say is that working inside Framer X definitely feels powerful. I think the interface and philosophy of Framer has a huge, untapped potential for me and I really DO look forward to exploring more of that – I just wish some of the features catered a little more toward the visual design side of product design, and left open more opportunities to play. (I would have discussed this in the Facebook group, but I don't have a Facebook account).
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