computing as craft
i'm yafira, a design engineer and creative technologist crafting scalable tools.
electrocute-ui on npm · 22+ tools at tinytinker.tools · NYU ITP · open hardware summit berlin fellow
design
code
hardware- 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
codeshippedelectrocute-ui
Design system and React component library published on npm: 18 design tokens, 8 components, and a live documentation site. Designed, built, documented, and shipped end to end.
codeshippedcache
A moodboard tool where you paste, drag, and style inspiration like you actually think. Create a patch, collect your stash, keep everything cached!
codeshippedalt-loom
An accessibility audit tool that flags missing or weak alt text in pasted HTML, then drafts candidates using a word-level Markov chain — the same technique behind ribbon_logic and PetalByte.
also
codeshippedtinytinker.tools
A growing suite of free browser-based tools for makers, featuring utilities for electronics, programming, color, text, and print, with a tiny resident knowledge companion to help you find your way around.
codeshippedFluoro
Riso-fy (almost) anything. A zero-dependency browser toolkit that rebuilds the risograph process instead of faking it with a filter: per-ink separation, 1-bit screening, and multiply overprint with misregistration. Works on images via canvas, and on live web pages via CSS and SVG filters. Published on npm, so any site can add a Riso-fy button with one script tag, and this site's own Riso print theme runs on it.
designconceptLumi
Speculative migraine-detection wearable taken from research to a working prototype, spanning three hardware form factors and a companion app.
codeshippedEquitable 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.
pixel picnic
Pixel Picnic started as a browser-based dithering tool — upload a photo, choose from four algorithms, export real fabrication-ready files for laser engraving or embroidery. This is its newest, liveliest feature: real-time, region-aware dithering over your camera, where an on-device segmentation model finds you in the frame and gives you one treatment while the background gets another — live, with nothing ever sent anywhere.
r&d / physical computing
codeshippedSoft Components
Interactive reference library for soft electronic components — felt buttons, fabric potentiometers, pressure sensors — each pairing a live physics-based demo with the material science underneath it.
codeshippedTinkerThread
A circuit simulator for e-textiles and soft electronics, so makers can test soft circuits before stitching them.
electronicsprototypeAirSense
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.
electronicsprototypethe 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.
more projects! ━☆ﾟ.*･｡ﾟ҉̛
code(5)
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.
Useless Machines
A digital archive of whimsical, conceptual, and defiant machines, built as a commissioned client project.
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.
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.
Cute Technologies
A cute tech tools blog built with Next.js and the Notion API.
design(3)
Department of Lost Circuits
A generative system that creates Riso-printable stamps from obsolete electronics.
Seedling
A tool to help people develop their creativity, designed end-to-end from research through a high-fidelity prototype.
Cosmic Snax
A snack ordering app for a movie theater, taken from user flows through a high-fidelity prototype.
electronics(3)
ribbon_logic
A handheld poetry generator that creates generative text with Markov chains, built on an ESP32-S3 in CircuitPython.
PetalByte
A flower-shaped laser-cut USB drive and generative text device running a custom pygame file explorer on a Raspberry Pi.
Puffcast
A handmade craft foam controller for Philips Hue, inspired by soft foam novelty phones of the 80s-90s.
currently looking for design engineering & creative technologist roles
