Car Side View
Girl building cinematic system

KineSyms

Semester
4
Duration
4 Months
Tools
Figma, Next.js, Material UI

KineSyms is a semester project that explores solutions for creating and understanding kinematic systems, regardless of your technical background. All you need is enthusiasm and curiosity for experimentation.

Introduction

KineSyms simplifies
understanding movement, making mechanical systems accessible to designers and creative minds. Users can build, simulate, and share mechanisms without requiring deep engineering knowledge.

KineSyms simplifies understanding movement, making mechanical systems accessible to designers and creative minds. Users can build, simulate, and share mechanisms without requiring deep engineering knowledge.

The platform helps users design mechanisms together, offering templates and support. Finished designs can be exported, laser-cut, and assembled with just a few screws. I focused on designing and researching key features, creating a prototype that is both functional and engaging.

Asset A

Relevance

Context

Designing mechanical systems is often complex, requiring advanced CAD skills. Many designers struggle with traditional tools, which lack visual feedback and are not optimized for quick prototyping.

With KineSyms, the focus was to lower these barriers by offering a modular, intuitive system for building, testing, and exporting mechanical assemblies. The tool is designed to support rapid iteration, ensuring ideas move smoothly from screen to reality.

User Research

Insights

Through interviews with designers, engineers, and educators, we identified key pain points:


  • Existing software is too technical or lacks real-time movement feedback

  • Designers need intuitive tools that translate directly into fabrication-ready files

  • Many avoid kinematic design due to the steep learning curve

We also focused on hobbyists, younger users, and designers looking for easy-to-use tools. This helped guide our focus on interactive assembly, simple motion previews, and seamless export options, all wrapped up in a user-friendly interface.

Outcome

Outcome

Our prototype consists of a Figma prototype and a developed website. KineSyms was built using Next.js and Material UI for the web platform. While Matter.js was initially explored for implementing a physics-based simulation, time constraints prevented its inclusion in the final version. The key features in the prototype include:

Drag-and-Drop

Users can easily add components like gears, levers, and pivots to their designs with drag-and-drop, saving time and simplifying the process.

Movement Simulation

Real-time feedback simulates how the mechanisms move, allowing users to quickly see the effects of their design choices.

Export Options

Designs can be exported in DXF and SVG formats for easy integration with laser cutting and 3D printing processes.

Community Platform

The KineSyms community platform lets users share projects, collaborate, and even order parts they need, enhancing teamwork and learning.

Visit Website

Asset A
Asset A
Asset A
Car Side View
Girl building cinematic system

KineSyms

Semester
4
Duration
4 Months
Tools
Figma, Next.js, Material UI

Whether you're looking for inspiration, tutorials, or fresh perspectives, there’s something here for everyone.

Introduction

KineSyms simplifies understanding movement, making mechanical systems accessible to designers and creative minds. Users can build, simulate, and share mechanisms without requiring deep engineering knowledge.

The platform helps users design mechanisms together, offering templates and support. Finished designs can be exported, laser-cut, and assembled with just a few screws. I focused on designing and researching key features, creating a prototype that is both functional and engaging.

Asset A

Relevance

Context

Designing mechanical systems is often complex, requiring advanced CAD skills. Many designers struggle with traditional tools, which lack visual feedback and are not optimized for quick prototyping.

With KineSyms, the focus was to lower these barriers by offering a modular, intuitive system for building, testing, and exporting mechanical assemblies. The tool is designed to support rapid iteration, ensuring ideas move smoothly from screen to reality.

User Research

Insights

Through interviews with designers, engineers, and educators, we identified key pain points:


  • Existing software is too technical or lacks real-time movement feedback

  • Designers need intuitive tools that translate directly into fabrication-ready files

  • Many avoid kinematic design due to the steep learning curve

We also focused on hobbyists, younger users, and designers looking for easy-to-use tools. This helped guide our focus on interactive assembly, simple motion previews, and seamless export options, all wrapped up in a user-friendly interface.

Outcome

Outcome

Our prototype consists of a Figma prototype and a developed website. KineSyms was built using Next.js and Material UI for the web platform. While Matter.js was initially explored for implementing a physics-based simulation, time constraints prevented its inclusion in the final version. The key features in the prototype include:

Drag-and-Drop

Users can easily add components like gears, levers, and pivots to their designs with drag-and-drop, saving time and simplifying the process.

Movement Simulation

Real-time feedback simulates how the mechanisms move, allowing users to quickly see the effects of their design choices.

Export Options

Designs can be exported in DXF and SVG formats for easy integration with laser cutting and 3D printing processes.

Community Platform

The KineSyms community platform lets users share projects, collaborate, and even order parts they need, enhancing teamwork and learning.

Visit Website

Asset A
Asset A
Asset A
Car Side View
Girl building cinematic system

KineSyms

Semester
4
Duration
4 Months
Tools
Figma, Next.js, Material UI

Whether you're looking for inspiration, tutorials, or fresh perspectives, there’s something here for everyone.

Introduction

KineSyms simplifies understanding movement, making mechanical systems accessible to designers and creative minds. Users can build, simulate, and share mechanisms without requiring deep engineering knowledge.

The platform helps users design mechanisms together, offering templates and support. Finished designs can be exported, laser-cut, and assembled with just a few screws. I focused on designing and researching key features, creating a prototype that is both functional and engaging.

Asset A

Relevance

Context

Designing mechanical systems is often complex, requiring advanced CAD skills. Many designers struggle with traditional tools, which lack visual feedback and are not optimized for quick prototyping.

With KineSyms, the focus was to lower these barriers by offering a modular, intuitive system for building, testing, and exporting mechanical assemblies. The tool is designed to support rapid iteration, ensuring ideas move smoothly from screen to reality.

User Research

Insights

Through interviews with designers, engineers, and educators, we identified key pain points:


  • Existing software is too technical or lacks real-time movement feedback

  • Designers need intuitive tools that translate directly into fabrication-ready files

  • Many avoid kinematic design due to the steep learning curve

We also focused on hobbyists, younger users, and designers looking for easy-to-use tools. This helped guide our focus on interactive assembly, simple motion previews, and seamless export options, all wrapped up in a user-friendly interface.

Outcome

Outcome

Our prototype consists of a Figma prototype and a developed website. KineSyms was built using Next.js and Material UI for the web platform. While Matter.js was initially explored for implementing a physics-based simulation, time constraints prevented its inclusion in the final version. The key features in the prototype include:

Drag-and-Drop

Users can easily add components like gears, levers, and pivots to their designs with drag-and-drop, saving time and simplifying the process.

Movement Simulation

Real-time feedback simulates how the mechanisms move, allowing users to quickly see the effects of their design choices.

Export Options

Designs can be exported in DXF and SVG formats for easy integration with laser cutting and 3D printing processes.

Community Platform

The KineSyms community platform lets users share projects, collaborate, and even order parts they need, enhancing teamwork and learning.

Visit Website

Asset A
Asset A
Asset A