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.
Tylify is a seamless pattern maker that's available as a Figma plugin and a standalone web app.
Tylify as a standalone application works well but combining it with Figma creates an even more powerful workflow for pattern creation. You are able to leverage Tylify's pattern-making capabilities while also benefitting from Figma features like drop-shadows, outlines and many others that are missing in Tylify because they fall outside the scope of the project.
How to use:
Launch the plugin to load a live pattern preview with your Figma selection. Reposition, resize, rotate and duplicate elements until you have a pattern you're pleased with. Press the Save button to load the seamless pattern back into Figma as an image with tile fill.
Creating a seamless pattern is a non-destructive operation. The source elements continue to live in your Figma document and manipulations done to the elements in Tylify will be applied to your Figma nodes.
Conversely, after a pattern is created you can make changes to the source elements in Figma by using the Toggle Tile Visibility option. Relaunch Tylify by pressing Edit to save and apply the changes to your pattern.
This keeps Tylify and Figma in sync and allows you to go back and forth between the two without any friction.
I'd love to hear your feedback.
Report
Dammnnn !! Making patterns are so much easy with the help of this
Report
@shubham_mishra17 yes I can see it as a go-to tool for Figma users 😍
Report
you should add randomize button! btw this is awesome.
@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?
Report
@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 :)
SocialBu
Tylify
Tylify
Tylify
Scalenut
Tylify
Scalenut
Tylify
Scalenut
Tylify