- Select a component
- Run the plugin
- Component description is filled with the synonymous keywords (leverage chatgpt for this)
Not sure if you can fill out component descriptions with the plugins API.
feel free to copy/steal/improve and build any of them
Not sure if you can fill out component descriptions with the plugins API.
Input a tx hash, the tool reads and decodes the data based on the marketplace that the sale took in and displays visually what happened on that.
Kind of like a tx hash viewer on Etherscan but much more visual and specific for NFTs, this is good because Etherscan misidentifies some logs.
This could be an npm package or a Figma plugin, the output would be a React component file with typescript, would even be better if the icons go through svgo first.
Radix UI had a package for this but seems like it’s outdated and also could be improved. → https://github.com/radix-ui/icons/tree/master/packages/generate-icon-lib
Form – realtime view there are tons of examples online but a nice weekend project
There is a big confusion on component names, people call select-boxes dropdowns etc. Especially designers are less educated on the general naming conventions and names of the components. A webtool to educate would enhance the communication between designers and developers.
A web tool for components with a wireframe-y visual to display names, what the component is for, and some best practices from the biggest design systems. Design files and code snippets would be nice to have.
When right-clicking to move something to another page it sends the items very unpredictably (I think it just sends to [0, 0]) a plugin could read the current position of any selection and cut/paste it into a new page with the same position.
Copy as SVG → Navigate to SvgOMG → Paste it → Change settings → Copy → Paste to Code
Run the Plugin → Copy as SVG → Paste to Code
The plugin should remember the last settings (cache)
Based on the width of the text. There are a couple of plugins but what they do is that they truncate based on the number of characters, not the width. Something smarter could be built.
A plugin that finds similar color, shape, or text styles, offers to merge them into one local style. For example: #232323
#242521
232523
are fairly close to each other, the plugin would recognize this and offers to merge all three into one of them and create a style from it or offers to merge into the closest color style if there is any. A slider for “similarity %” would be helpful in that case
Instead of using random profile images, create personas and apply them
Persona:
Save and edit the personas in the plugin UI, apply to a selection
Set the rules for consistency → Say you have set rules for icons on your design like:
When run, the plugin checks the selected frame if those rules are applied here. Alerts and gives the option to update any errors for example if the stroke width was set to 3px plugin should alert and let designers fix it with a mouse click.
For any type of message/chat app: it should auto-edit the last message if the person sends one of the previously sent words and appends a “*” The typo mostly (guessing) is one or two letters, so it shouldn’t be hard to match the words.
This could be achieved by a MacOS desktop app that runs in the background. I have very limited knowledge so need to do more research.
Inspired by: https://twitter.com/hello__caitlin/status/1304270134681448449
It’s mostly for partners but could very well work for friends too. Could even take it one step further with advanced suggestions based on users’ IMDB history.
Filtering streaming service options is important.
Show avatars on the left pane, next to the page name so the designers would know
Send notifications when they become online. (@) mention someone like this, turns to real mention when they are online. Don’t even know if its possible to do it from outside.
The plugin reads the local styles and applies them randomly Select the layers → Use random style → Fill / Stroke / Text → Apply
Designers spend too much time finding logos to use in their design files
Create either a Figma plugin, Figma community file or a web tool.