Subscribe
Sign in
Start new thread
Fluid for Sketch
p/fluid-for-sketch
Create more constraint-based, responsive designs.
Visit Product
Cat Noone
Fluid for Sketch — Sketch plugin to make your responsive designs more efficient
Featured
35
•
Replies
Cat Noone
Maker
Hey everyone! Cat here, 1/2 of the maker team. Myself and @matt_sven 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!
Matt Curtis
Maker
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.
Cat Noone
Maker
@markoxvee @imcatnoone Thanks so much Marko! Looking forward to your feedback :)
Joelle Goldman
Looks very cool cat! I'm a big fan of sketch.
Cat Noone
Maker
@joellegoldman Thanks so much, Joelle! Us, too. And considering how many of us designers use it *and* are working with a number of artboard sizes on a regular basis, this made sense in terms of it needing to exist.
Clark Wimberly
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...
Cat Noone
Maker
@clarklab Clark, thanks so much! And yesssss 🙈 Was a huge pain we were looking to solve. Both @matt_sven 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.
Oliver Johnston
THANK YOU, THANK YOU :)
Matt Curtis
Maker
@o_iver No Oliver, thank you.
Daniel Kempe
Definately going to try this one out, and will report back with some feedback! :-)
Cat Noone
Maker
@danielkempe Perfect, Daniel! Music to our ears :) looking forward to your feedback.
Cat Noone
Maker
@williamchanner @danielkempe thanks a bunch, Will! :)
Brady Stoddard
This looks awesome! I'll for sure give this a try
Olivier Heitz
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. 🙌
Cat Noone
Maker
@snowfish2000 Thanks a ton, Olivier! :) Glad you think so.
Matt Danna
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 @joshpuckett conceptualized in a Medium post: https://medium.com/bridge-collec.... Glad it came to life!
Matt Curtis
Maker
@mattdanna Yes, exactly - @joshpuckett's article was one of our main inspirations when building Fluid. 😀 Glad you're finding Fluid useful!
Cat Noone
Maker
@mattdanna 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 ;)
ben Watanabe
Congrats Cat! You've got a lot going on between this and @IrisApp. Thanks for both!
Cat Noone
Maker
@benwtnb 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.
Allie Young
@imcatnoone & @matt_sven - This is fantastic and it works perfectly! Thank you so much for building this!
Cat Noone
Maker
@seriousallie thanks Allie! We're glad you think so 😊
Soufian Malih
Looks really cool! Can't wait to give it a spin. Love the features set!
Cat Noone
Maker
@malihsoufian 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. :)
Shaun Scholtz
Pretty awesome guys - love the potential and ability to speed up design for responsive screens! My feedback would be to simplify the concepts a little better - or at the very lease do some video tutorials going through the different constraints and settings.
Carylyne Chan
This looks amazing! Definitely going to give it a shot - I just started learning design, so this should help a lot. Thanks! :)
Cat Noone
Maker
@carylyne 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.
Bolak
I really appreciate that you guys put so much effort into something and released it as open source. Disappointed I can only upvote once.
Cat Noone
Maker
@seanbolak Thank you, Sean! And likewise! But then again, there is always emoji to add to the happiness level where uprooting is limited 🔥
Joao Dordio
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 @matt_sven and @imcatnoone!
Matt Curtis
Maker
@dordio So very glad to hear it, João. 😊 Let us know if you have any feedback or questions!
Cat Noone
Maker
@dordio that makes my heart happy :) glad to hear it!