My Open Source ideas with random brain crumbs

feel free to copy/steal/improve and build any of them


Fri Oct 06 2023
Printable UX Glossary
Design
Tue Sep 26 2023
Component Description Generator
Figma Plugin
Design
  • 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.

Sun Jul 16 2023
NFT Transaction Decoder
Blockchain
NFT

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.

Fri Jun 23 2023
React Icon Library from Figma
Design
Handoff
Sun Jun 11 2023
Invoice Generator
Web

Form – realtime view there are tons of examples online but a nice weekend project

☠️ Killed By:Viktor Renkema
Thu Jun 08 2023
Component Names
Design
Handoff
Web

Problem

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.

Thu Feb 18 2021
Move to Place
Design
Figma Plugin

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.

Thu Feb 18 2021
SVGOMG For Figma
Design
Figma Plugin

Problem

Copy as SVG → Navigate to SvgOMG → Paste it → Change settings → Copy → Paste to Code

Solution

Run the Plugin → Copy as SVG → Paste to Code

The plugin should remember the last settings (cache)

☠️ Killed By:Advanced SVG Export
Fri Jan 08 2021
Spotify What’s Playing Lyrics – iOS Widget
iOS Widget
  • Use Spotify API to get the currently playing song and match it with genius lyrics.
  • Show real-time data on the widget.
☠️ Killed By:Apple doesn’t allow to refresh the widgets all that frequently so for now, can’t be done this way.
Fri Jan 01 2021
Truncate Plugin
Design
Figma Plugin

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.

☠️ Killed By:Figma
Sat Apr 10 2021
To-Do List Plugin
Design
Figma Plugin
Fri Mar 05 2021
Similar Color → Merge → Tidy
Design
Figma Plugin

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

Sat Feb 20 2021
Persona Plugin
Design
Figma Plugin

Instead of using random profile images, create personas and apply them

Persona:

  • Name
  • Age
  • Gender (?)
  • Image
  • Role (?)

Save and edit the personas in the plugin UI, apply to a selection

Mon Feb 01 2021
Consistency Checker
Design
Figma Plugin

Set the rules for consistency → Say you have set rules for icons on your design like:

  • The frame size should be 24x24
  • All the strokes should be 2px inside
  • Every layer should be flattened
  • The base color should be "Primary / 500"

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.

☠️ Killed By:QA Icon Checker
Sun Sep 13 2020
Typo Correction
Communication
MacOS App

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.

https://github.com/ikeadrift/typo

Sun Sep 13 2020
Blind Movie Selection App
Mobile App
Wed Nov 04 2020
Current Location of the “Players”
Figma Plugin

Show avatars on the left pane, next to the page name so the designers would know

  • On which page other designers are working on
  • What their eng team is implementing
  • Where their managers are reviewing
☠️ Killed By:doesn't seem possible with the current constraints of figma plugin API
Tue Oct 27 2020
Slack Mention
Communication

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.

☠️ Killed By:I don't think this makes sense anymore. Just use regular mentioning and when they turn their DND off they will see the notification badge. Nonsense idea
Wed Nov 04 2020
Random Style from Style Guide
Design
Figma Plugin

The plugin reads the local styles and applies them randomly Select the layers → Use random style → Fill / Stroke / Text → Apply

  • Random images from library
  • Random fill colors from library
Sun Dec 27 2020
Brand Logo Library
Design
Web

Problem

Designers spend too much time finding logos to use in their design files

Solution

Create either a Figma plugin, Figma community file or a web tool.

☠️ Killed By:BrandFetch