Yafira's flower mark

i'm yafira, a design engineer and creative technologist building soft interfaces.

NYU ITP · electrocute-ui on npm · 22+ tools at tinytinker.tools · open hardware summit berlin fellow

designcodehardware
  • React
  • Next.js
  • TypeScript
  • JavaScript
  • p5.js
  • Computational Text
  • Figma
  • Design Systems
  • UX/UI
  • Interaction Design
  • Digital Accessibility
  • Arduino
  • Raspberry Pi
  • Physical Computing
  • E-Textiles
  • Fabrication

featured work

also

cachecode

cache

A moodboard tool where you paste, drag, and style inspiration like you actually think. Create a patch, collect your stash, keep everything cached!

Next.js · React · CSS Modules
design engineeringweb toolingfrontend
tinytinker.toolscode

tinytinker.tools

A growing suite of free browser-based tools for makers, featuring utilities for electronics, programming, color, generative text, accessibility, print, and other creative workflows.

Next.js · TypeScript
open sourceweb toolingfrontend
Lumidesign

Lumi

Speculative migraine-detection wearable taken from research to a working prototype, spanning three hardware form factors and a companion app.

React · TypeScript · Vite
speculative designproduct designcase study
Spot Mappercode

Spot Mapper

Real-time collaborative floor plan tool used by 150+ participants to claim exhibition spots at ITP Camp's showcase. Admin and viewer modes, token-based access, live sync, and handoff docs.

Leaflet · SheetJS · Redis · Vercel
full-stackweb toolingreal-time collaboration
TinkerThreadcode

TinkerThread

A circuit simulator for e-textiles and soft electronics, so makers can test soft circuits before stitching them.

JavaScript · Canvas
simulationcircuitse-textiles
ml5.js contributionscode

ml5.js contributions

Open source contributions to ml5.js: custom Docsify plugins for the documentation site, adding inline code explanations and copy-to-clipboard with a toast.

Docsify · JavaScript
open sourcemachine learningweb tooling
Equitable Syllabus Projectcode

Equitable Syllabus Project

Redesigned and rebuilt the Equitable Syllabus Project's website for NYU ITP as lead developer, migrating to Next.js with a new information architecture.

Next.js
client workui designfrontend
AirSenseelectronics

AirSense

An indoor air quality sensor housed in a transparent, house-shaped acrylic enclosure with a color-coded display for at-a-glance readability, paired with a live web dashboard. Rebuilt from HTTP polling to an MQTT pub/sub pipeline to support real-time historical charting.

Arduino · BME680 · MQTT · Chart.js · React
real-time systemsiotdata visualization
the soft computerelectronics

the soft computer

A textile-based computer: four haptic felt buttons, a capacitive fabric trackpad, an e-ink display, and generative text. Exhibited at ITP's thesis show and the Open Hardware Summit Berlin.

Raspberry Pi · RP2350 · Python · machine knitting
interaction designHCIe-textiles

more projects

code(3)

Useless Machines

A digital archive of whimsical, conceptual, and defiant machines, built as a commissioned client project.

Next.js · Are.na APIclient work · frontend

Print + Code

A documentation hub for computational craft: riso-printed generative animation, a plotter-drawn machine drawing series, a generative postage stamp system, and a soft-circuits zine.

p5.js · HTML/CSS/JSgenerative design · frontend

Cute Technologies

A cute tech tools blog built with Next.js and the Notion API.

Next.js · Notion APIcms · full-stack
design(3)

Department of Lost Circuits

A generative system that creates Riso-printable stamps from obsolete electronics.

p5.js · Riso printgenerative design · creative coding

Seedling

A tool to help people develop their creativity, designed end-to-end from research through a high-fidelity prototype.

Figmaux design · ux research

Cosmic Snax

A snack ordering app for a movie theater, taken from user flows through a high-fidelity prototype.

Figmaux design · mobile app design
electronics(3)

ribbon_logic

A handheld poetry generator that creates generative text with Markov chains, built on an ESP32-S3 in CircuitPython.

ESP32-S3 · CircuitPythonhardware · generative text

PetalByte

A flower-shaped laser-cut USB drive and generative text device running a custom pygame file explorer on a Raspberry Pi.

Raspberry Pi · pygamehardware · generative text

Puffcast

A handmade craft foam controller for Philips Hue, inspired by soft foam novelty phones of the 80s-90s.

Arduino · Philips Hue APIhardware · physical computing

currently looking for design engineering & creative technologist roles