Fluid for Sketch - Sketch plugin to make your responsive designs more efficient

by

Add a comment

Replies

Best
Hey everyone! Cat here, 1/2 of the maker team. Myself and are pumped to finally get this plugin out into the designer (and engineer) community. Fluid is a Sketch plugin that provides a means to create more constraint-based, responsive designs—based on Auto Layout constraints. Fluid provides you with a number of tools (Preview Mode, Edit Constraints, Utilization of Mathematic expressions as values, etc.) that can be continually altered to your liking, in order to maximize on the responsiveness of your design work, getting an idea for the direction you're headed (think Espresso app for UI Design). When it comes to using Sketch for responsive design, Sketch itself provides you with the basics of what is needed, like a variety of artboard sizes for different devices. But nothing within or outside of Sketch existed until now, that provided you with a means of making your design time and responsive design work in general, much more efficient. The plugin itself is a WIP, as this is 1.0, but we'd love your feedback, questions and more to ensure we adapt and add based on your needs. Given that, feel free to send all of that our way. Looking forward to hearing your thoughts!
Hey guys, Matt here, Developer :) I handled the code side of things. We're super-psyched for you guys to try out the plugin and can't wait for your feedback. We've got a lot of things in mind and are continually working on improving Fluid.
Great work and ! I can't wait to try this out!
Thanks so much Marko! Looking forward to your feedback :)
Definately going to try this one out, and will report back with some feedback! :-)
Perfect, Daniel! Music to our ears :) looking forward to your feedback.
Nice one !
thanks a bunch, Will! :)
One of the most exciting Sketch plugins! I'm a big fan already. This makes responsive designing so much easier. Thanks for making this. Keep it up. 🙌
Thanks a ton, Olivier! :) Glad you think so.
Jeez. Can't wait to dive in on this. Rebuilding screens at different (non-significant) breakpoints is one of my least favorite things ever. And on GitHub! Even more fun...
Clark, thanks so much! And yesssss 🙈 Was a huge pain we were looking to solve. Both and I discussed (not too long ago) the ability to export your files using the preview, as well. The entire plugin as we said is a WIP, so we'd love your feedback, thoughts, and more.
I really appreciate that you guys put so much effort into something and released it as open source. Disappointed I can only upvote once.
Thank you, Sean! And likewise! But then again, there is always emoji to add to the happiness level where uprooting is limited 🔥
This is awesome! I'll definitely be trying this out for my next responsive design / adaptive layout project. I remember salivating over a tool like this that conceptualized in a Medium post: . Glad it came to life!
Yes, exactly - 's article was one of our main inspirations when building Fluid. 😀 Glad you're finding Fluid useful!
Yup! Like Matt said, it was a big inspiration for us. Definitely can't wait to hear your thoughts. Be sure to share how you use it as well, if possible ;)
This looks amazing! Definitely going to give it a shot - I just started learning design, so this should help a lot. Thanks! :)
Carylyne, that's huge! Congrats on that and welcome to the club ;) The plugin will make life a bit easier for you when you get into the nitty gritty of responsive design. Don't hesitate to reach out on Twitter with any questions, suggestions and more.
Thanks! I'll definitely do that ;)
I've been using Sketch for prototyping and developing mockups in all the apps I've developed and this plug-in is **heaven**! Designing the Apps for the different screen sizes is hell, at least this plug-in gives me a little peace of mind. Thanks a lot and !
So very glad to hear it, João. 😊 Let us know if you have any feedback or questions!
that makes my heart happy :) glad to hear it!
Looks really cool! Can't wait to give it a spin. Love the features set!
Thanks Soufian! Glad you do. Once you give it a spin, be sure to let us know what, if anything, you'd add. Also, don't hesitate to reach out with any questions. :)
Congrats Cat! You've got a lot going on between this and . Thanks for both!
D'oh, Ben! Thank you <3 Iris is a big one >_< This was a super fun side project and I'm happy to see it fills a need for so many designers.
12
Next