Generate/Edit Design Systems - Phaie - Edit existing design systems & generate new ones in seconds

byโ€ข
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.

Add a comment

Replies

Best
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!
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!