Register Today

31 comments

For those quickly evaluating Framer X, I'd recommend focusing on the Stacks tool, and playing with nested Stacks. Then, put a frame around a stack and make it a component (Cmd+K). Duplicate the component to make an instance, and then override that instance's Stack settings (try changing vertical direction to horizontal, changing the gap or distribution, and hiding stack elements). This is a good way to understand the power of the Stacks and how you can use 1 stack component to adapt to a different screen size.

that's the one thing that's stopped me from diving too deep into Framer X. I'm sure Framer is working on something...but it's a bit odd I haven't seen them reply to this question when asked on Twitter/slack/facebook/DN. apologies if they have answered this, but I come into every Framer X thread looking for an answer.

This looks like a good start and the tool has potential. Let's see how they do over the next couple of months and hope they don't do what XD did (which is nothing of note after introducing one standout feature - repeat grids).

Although, from having played with it, I think their focus on interaction is a mistake. Sure creating prototypes with amazing animations that will make the entire dev team not speak to you again for a week is cool, but that's not where the bulk of design work is and I think this would need:

version control

a way to share component libraries with others

handover tools (think about the devs who have to learn a whole new tool just to be able to get measurements and states from a design file)

a way to share prototypes; they can already run in a browser, why not make it easy to share this with people who don't have the tool?

Maybe I'm missing something, but is there really a focus on detailed animation prototyping? Seems like other than scrolling, the prototyping tool has about the same amount of functionality as Sketch, which isn't a whole lot.

Indeed, they seem to focus on React native components, but for now the whole thing is a bit vague imho. Are those components really suitable for production work? Can they be used by the dev teams, or should they be coded again - so there will be no real gain? I'm not really in React yet, but from some talks with our devs, they don't get how a design tool could do that. Guess we'll have to wait and see...

I think if a design tool could output production ready react components they would have made a much bigger deal about jt. What I think the original comment is refferjng to is the fact that the animations are using react code, which is ok I guess but not everyone uses react and that is not nearly as impressive.

Woo, tried it out. Pretty cool! I like the UI. Not really into the choppy zoom, unlike pinch zooming with Sketch / Figma / Adobe (Figma being the smoothest, imo). Otherwise, great work! Looking forward to using this for side projects.

I played around with original Framer a couple of weeks ago and complained via the in-app chat about the lack of precision zoom, the guy who replied hinted that it would be coming soon... I can't believe it's still not there... IIRC it zooms from 25%, 50%, 100%, 200%.. really?

This and no layout grid/guides prevented me from buying it, and I really wanted to give it a go as I'm currently learning React.

It looks like they've come up with a really great app but so far I am unable to beat the speed (as in, how fast I can work) and accuracy of Figma... without these essential features it'll be a non-purchase from me :(

Hey, designers! The wait is officially over! Now you can get your hands on Framer X. Get ready to make everyday interactions in seconds, design interactive components right from the canvas, install components from the world’s first in-app design store, and so much more.

To celebrate the launch of Framer X, we’re offering 25% off annual subscriptions for the next three days. You can also tweet with the hashtag #GetFramerX for a chance to win a subscription.

Congratulations from a happy Framer Studio user. I plan to learn React and transition to Framer X within the next year. I don't think any other company in the industry gets design tooling like you guys. Framer Studio has allowed me to do prototypes that it would be impossible to do in any other tool.

I'm sure Framer X will be a great tool, especially in a React pipeline, bridging the gap between designers and engineers.

Oh I'm really in love with this. Everything works the way you expect things should work. I've tried to use framer in past, I couldn't make it work. But this version I can really see myself using it. One question though, how does the design to development workflow work? All my designs are in Zeplin right now. This makes it easy for developers, project managers and others to see the designs and use links to put it in their Jira tickets. I couldn't find any docs around this, if this bit could be clarified I think I can convince my design team to start using this.