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.
how does hand off work??? is there a inspector tool i can share with other engineers that dont have licence to the app?
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.
There's a windows version and a web version coming according to the team, the app is based on electron (chrome base) https://twitter.com/krijnrijshouwer/status/1022501666082508800
Now the only one left is Skala…
Still waiting patiently for it. Marc Edwards is a damn genius.
Don't forget Phase :-)
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.
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 :(
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?
- there doesn't seem to be a way to set guides
Exactly have the same thoughts. Framer X has strong potential but there are so much missing.
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.
Frame can do a lot in terms of animations because you can code custom animations, so that you can make super fancy animations that will never get coded but will earn you tons of likes on dribbble.
I think the idea is that the code that you prototype inside of Framer is production-ready, built using react native components.
That's why there are already perfectly working Twitch, YouTube, Twitter etc. code components in the Framer component store; they are basically interchangeable.
Really? That would be really cool, do they have any articles on this?
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.
jesus, 13.84 MB just to load a landing page
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.
Just want to know how much time does it take to deal with customer service. I just asked a questions in email, twitter and intercom but nobody reply me.
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.
Damn. That may be one of the coolest product videos I have seen in a long time. The timing was so well done.
I've a framer classic license. Anyone know how to activate it for X?
Just download X and use the same email as you purchased the license with and you should be good to go :)
It's in the works. https://framer.com/forms/windows/
Dumb question: Framer X is an entirely new app, so existing licenses won't work?
The old Framer is renamed to Framer Classic. The same license can be used for both apps.
Just tried it. I love the simplicity and directness of it. One question, does it work with the framer preview iOS App?
One post down: https://www.designernews.co/stories/97331-framer-x-is-here