Wireframes

• 

  Clean Design

• 

  Create Prototypes

• 

  Create Annotation / Navigation Lines

• 

  Export

• 

  Custom Board Sizes

Features

• Quickly see element position & size on sidebar. Some elements have additional options.
• Filter Elements by Category
• Pan / Zoom Design Area
• Navigate back to Active Board
• Reorder Elements and Boards
• Custom Elements
• Create Annotations / Navigation Lines
• Custom Board Sizes
• Rename Boards, Elements, and Annotations
• Resize & Drag Elements
• Export as Image
• Show / Hide Sidebar & Element Bar for larger viewing area.
• Toggle Sidebar lists
• Delete Boards, Elements, and Annotations

What it does

Wireframes lets you quickly create prototypes and mockups using Monday.com. This will give Monday.com users a powerful tool when trying to rapidly design their next project.

How I built it

I was able to use React and Monday.com to create Wireframes. I was also able to utilize notification and storage libraries provided by Monday.com

Challenges I ran into and what I learned

This was the first time I really used React on a project and also my first exposure with Monday.com. I was able to learn a lot during this project.

Accomplishments that I'm proud of

I'm happy that I challenged myself to create something very complex on Monday.com.

What's next for Wireframes

I want to add more Elements and further improve the user experience. I really believe this could benefit a lot of users especially with the rise in remote work and importance in collaboration.

Built With

• adobe-illustrator
• css
• javascript
• monday.com
• node.js
• photoshop
• react