Tylify is a seamless pattern maker that's available as a Figma plugin and a standalone web app.
Pattern elements can be vector or raster images. Export formats include SVG, PNG and CSS with embedded base64 SVG.
@dan_robins Thanks, Dan! I used to dread making patterns too, that's why I made Tylify. Thanks for checking it out :)
I'm curious, as a designer are you more excited about the standalone app or the Figma plugin?
@dan_robins In the standalone app, if you press the "Download" button it shows you previews of your pattern on a blanket, pillow and mug. Given the upcoming festive season, I think adding wrapping paper would be worthwhile!
Thanks for sharing your thoughts and ideas, Dan!
What a great experience! I accidentally clicked into the tool when first looking at this profile and was immediately presented with the ability to play around with a randomly generated pattern, which was super easy to manipulate on mobile! 👌
It's awesome. I have spent a lot of time in the past doing seamless patterns. This would have been a huge time saver. I will definitely use it in the future. The best of it all is that it accepts SVG and export in SVG.
Just one thing I found a bit confusing was changing the background colour. Great work mate.
@jsteneros Thanks, Johan! You and me, both. I used to dread seamless patterns so much because making them was such a tedious process!
First-class SVG support was a priority for this project. Export as an SVG and display the pattern with pixel-perfect quality at any size 😎
Thanks for the feedback about changing the background color. The approach is a indeed a bit different from popular tools like Canva. I'll reconsider the way it's done and see if I can make it more intuitive.
@hitudrock Thanks Hitudrock. Have you tried refreshing the page? Every page load generates a brand new random pattern. Or do you feel that it's a poor user experience and a dedicated "Randomize" button would do a better job?
@webdevluca yes i tried. but scale and tile settings are reset at every refresh. I would also like to randomize only the emojis and the background color after editing the placements of the emojis.
@hitudrock Ok, I'll track this with a a feature request in the /r/tylify subreddit. It will most likely not have a UI element. Instead it will be a keyboard shortcut, built especially for you :)
The use cases for this are endless! We used to print custom pattern notebooks for clients at a previous job of mine and the pattern creator we us we used for this was clunky as anything. Wish we had this more seamless experience back then for sure!
Replies
MockCity
MockCity
Scalenut
MockCity
Scalenut
MockCity
Scalenut
MockCity
MockCity
MockCity
Zoom In
MockCity
MockCity
MockCity
Copy Text Easily
MockCity
MockCity
MockCity
MockCity
MockCity