This is the companion website for the "Parametric Design" course at the Design department at the University of Applied Sciences Potsdam (FHP). This website provides a gentle introduction to code-driven design for beginners. Only using free open source technologies. The full course is designed to be taught through a mix of online videos and group activities. But the website itself should serve as a good starting point for your code-driven design journey.

Begin course »

The course targets all designers or creative minds, that want to explore how to design digital and physical artifacts through code. At FHP we offer Interface, Product and Communication Design, which will play a central role in this course.

Design disciplines at FHP.
Design disciplines at FHP.

What is this course about?

What makes this course different from other coding classes? This course has a strong focus on the interfaces between the output we generate through code and the possibilities to use this output in various fabrication or design applications (see overview below). We will use JavaScript for the whole course, as its a good language to start with. You will need no prior knowledge of coding. If you want to become a developer or computer scientist, this course might be a gentle introduction, but probably not what you are looking for. For creatives to get into coding, an important part is learning how to transfer ideas into code. In this course we primarily do this through group activities and discussions. This website will provide some exercises to get you started, but the most important part is to keep experimenting and playing with code, until it feels more natural.

Possibilities of code-driven design.
Possibilities of code-driven design.

The Team

Photo of Sebastian Meier
Sebastian Meier

As a professor for the design of knowledge transfer at the Potsdam University of Applied Sciences, I teach digital skills for design work with programming and AI tools in the Interface and Product Design courses. Together with my team, we research these topics in the Interaction Design Lab..

Photo of Jolanta Paliszewska
Jolanta Paliszewska

I am Jolanta Paliszewska, a deaf designer and expert in accessibility, design for all and empowerment design. I currently work as a research assistant at the University of Applied Sciences Bremen and also teach as a lecturer (e.g. at the University of Applied Sciences Potsdam).

Open Educational Resources

This course is licensed under CC BY-ND 4.0. This means you can reuse every part of this website, as well as the companion code repositories for your own teaching. You only need to provide attribution. Why not remix? There is a lot of video-material on this website, that we don't want remixed, as well as some of the graphics. If you are interested to remix a particular graphic get in touch. The code examples are under MIT licence, so no need for attribution and you can use it for whatever you want.


You like this project and would like to contribute? If you find an error, report it on GitHub. We are always excited to welcome additional translations. If you are interested in translating the content, please get in touch. You know more projects for the Inspiration section? Just send us an email.

Thank You!

I have never studied computer sciences (even though i have a CS PhD now). More than two decades ago the internet thought my teenage self how to code (particularly SELFHTML). So i am very grateful for all the great open educational resources out there. More recently i have been particularly been inspired to work on OERs by the works of Tamara Munzner (Data Vis) and Daniel Shiffman (Creative Coding). Thank you all open source and open educational resource contributors!!!

Privacy first!

This website is designed privacy first. There is no tracking or cookies or anything alike. The website is hosted through Netlify. Videos are hosted on our university server. No other external bits and pieces. This by the way means, I have no clue if anyone besides my students is using this. So drop me line if you like this.

This work is licensed under CC BY-ND 4.0CCBYND

Back to top