Open Source Ideas

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


'25
Basic Road Planning App
Tool

Figma like web UI for drawing roads and traffic, could come useful when talking about specific scenarios for advanced motorcycle training.

'23
Printable UX Glossary
Design
'23
Component Description Generator
Figma Plugin
  • 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.

'23
NFT Transaction Decoder
Blockchain

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.

'23
React Icon Library from Figma
Design
'23
Invoice Generator
Web

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

Killed by:Viktor Renkema
'23
Component Names
Design

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.

'21
To-Do List Plugin
Figma Plugin
'21
Similar Color → Merge → Tidy
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

'21
Persona Plugin
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

'21
Move to Place
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.

'21
SVGOMG For Figma
Figma Plugin

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)

'21
Consistency Checker
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
'21
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.
'21
Truncate Plugin
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
'20
Brand Logo Library
Design

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.

Killed by:BrandFetch
'20
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:not possible with the current constraints of Figma plugin API
'20
Random Style from Style Guide
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
'20
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
'20
Blind Movie Selection App
Mobile App
'20
Typo Correction
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