Create, build, collaborate and ship products faster with Creatr! We're developing a tool that simplifies product design for everyone. This empowers anyone with a creative vision to craft beautiful, scalable digital products.
Edit existing design systems & generate new ones in seconds
Phaie is a free open-source tool you can use to generate and fix design systems. Using our Figma plugin, you can also work in existing files to create styles using AI to detect and change different colors, typographies, strokes, border radius, and much more.
While playing with design systems internally we felt the need to have a plugin which would help us identify and rename styles in exitsing design systems, as it was getting very tough for us to do it manually or even train people to do this. We acknowledge that everyone's time is equally important.
Even after trying very hard we could not find any other alternative so we decided to build Phaie, and after getting great success with our first launch, and loads of feedback, we are launching the Plugin again.
After the last launch, we got a lot of love and feedback regarding what can we change in our Plugin, so presenting Phaie 2.0 where we have made the following improvements:
🌈 Color Palette Improvements
✨ Enhanced color palette detection for one2n module
🎨 Added support for neutral and accent colors
🏷️ Improved color variable naming and creation
🖌️ Fixed issues with color palette syncing to Figma canvas
📝 Typography Enhancements
🔤 Improved font family detection and assignment
💪 Fixed issues with bold styles in bulk changes
📊 Enhanced text style clustering (h1, h2, etc.) for one2n module
🔄 Resolved duplicate text style creation on multiple one2n runs
🎛️ New Features
🔲 Added border radius detection support for one2n module
📏 Improved spacing functionality
🐛 Bug Fixes
🔍 Resolved issues with font style variants not being created correctly
🔄 Addressed problems with changes not reflecting in the UI
🚀 Performance Improvements (Your Plugin, will be now fast as ever)
⚡ Optimized plugin performance for smoother operation
For people who are using this Plugin for the first time, these are functions you can perform with Phaie.
We built this plugin as a way for other designers and design teams to save a lot of time while working with existing design systems.
1. Colours: Allows users to manage and update their color palettes, ensuring consistency across the design system.
2. Typography: Provides tools to maintain and update text styles, including font families, sizes, weights, and line heights.
Apart from fixing existing design systems, you can use Phaie to create:
🚀 One Click Design Systems: Build design systems with Colours, Typography, Border radius, Shadows, Spacing and Grids all according to your choice in just 1 click.
✨ One Click Component Library: Generate scalable component Library. We give you large set of components that you can pick up and use.
🔄 One click updates: Change your design system as needed, so your projects always stay current without extra hassle.
We're continuously working to improve your experience with our Figma plugin. Thank you for your support and feedback!
Thanks for the detailed explanation of Phaie! Everything for designers and Figma users will change with all the changes and improvements you've made. I'm excited to check it out and see how it can help us plan things faster.
As a Figma designer, I find Phaie’s plugin time-saving and efficient. It’s a game-changer for maintaining consistency and enhancing design systems effortlessly!
Kudos to the team for listening to feedback and delivering such a powerful tool!
Creatr