Creatr
p/creatr-3
Convert your ideas to design prototypes under 100 seconds
Kartik Sharma
Generate/Edit Design Systems - Phaie β€” Edit existing design systems & generate new ones in seconds
6
β€’
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.
Replies
Kartik Sharma
Maker
πŸ“Œ
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!
Thejus
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.
Shweta Naruka
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!
Ghost Kitty
Comment Deleted
Blondelle Pai
I'm thankful for the new features and improvements. The ability to manage design systems more effectively will make a big difference in our projects
Itohan blessing Eigbadon
It might be helpful to include a feature that allows users to preview changes before applying them to the design system. This could help in making more informed decisions