today @mainframe is excited to share our $5.5m seed to build new AI interfaces

co-led by @lachygroom and @stellation with participation from @basecasevc @weekendfund & more we're also sharing our first product, Cobot

what does it look like for teams of people to orchestrate and work alongside many AI agents? coming soon

https://x.com/cobotco/status/1866480695180210444

the rise of the design engineer: i think it starts with curiosity

if you’re a designer and wonder what it’s like on “the other side” you start hacking

a few things i’ve learned designing and building AI @figma: an articulation of “design” that i love from @zoink is “design is art applied to problem solving”

AI can be quite good at helping pair your art with accelerated problem solving

🎨 new technologies necessitate new interfaces

with real-time latent consistency models, here’s a different kind of drawing app: interfaces unlocked:

- draw in low fidelity in real-time on top of the high fidelity output
- go back in time and see the output progression

✨ draw and build a web app on your phone with AI it’s a SwiftUI app that uses PencilKit and GPT-4 Vision to convert your drawing into HTML

grab the code → github.com/jordansinger/U…

i built a reflective ui 🪩 inspired by @alexwidua

https://twitter.com/alexwidua/status/1630998774247030786

companies that are supportive of side projects have a leg up

allowing your team to express their creativity and learn outside of work is beneficial to all involved i certainly took what i learned from side projects and applied it at work, and grew a community around what i was doing

Using Figma as a playground to build design tools on top of an infinitely scaleable, realtime multiplayer canvas has changed everything for me.

Here's a thread of my experiments to show you what's possible, to learn from, and plugins to install 👇 My experimentation with design tools goes as far back as the Sketch days, when I brought natural language processing into a design tool. Sketch had hints of a plugin ecosystem, but nothing like we'd start to see from Figma.

https://twitter.com/jsngr/status/972967984628228098?s=20&t=wDC81XfyckrcIrZZZXKLBQ

Learning SwiftUI unleashed creativity inside of me like no language ever has and brought joy back to building user interfaces.

Here's a thread of my experiments to show you what's possible, to learn from, and code to remix👇 I started experimenting about 2 years ago inside of Swift Playgrounds for iPad. It's amazing how quickly you can recreate UI in just a few minutes

https://twitter.com/jsngr/status/1259988276318023683

🎨 i remade a modern MacPaint using @tldraw

paint here → paint.withdiagram.com it uses the open-source @tldraw drawing app from @steveruizok tldraw.com

fully embracing design research represented the most positive shift in my design career

a word about @CashApp and web3: going back several years, @CashApp design was mostly intuition-driven which speaks volumes to the genius of the early team (shoutout @rsa)

How I decided between becoming a product designer vs. software engineer: I got my start with code. When I was younger, I would to hack on websites, view the source, and copy what I liked.

Design handoff breaks down when you leave a lot to the imagination of the developers. Not a knock on developers, but you can tend to get undesired results when you’re not clear about your design decisions and intentions via documentation, etc.

So I have this idea for an app 👇🎙 As real-time audio social networks become more popular I was curious what else could be fun to do here.

Flat image → interactive layers ✨

A Figma plugin to convert a flat image into text and shape layers on the canvas. This is what you get 👇

After speaking with Apple, the path to the App Store for @AppAirport as-is doesn’t currently seem possible. Details in thread 👇

https://twitter.com/jsngr/status/1335018462566096899

They once again escalated the review to Apple’s executive review board.

They pointed to the guideline which strictly prohibits an app that distributes third-party beta software.

iOS 14 toast notification with animation built in SwiftUI

code → github.com/jordansinger/s… checkout the ‘editor’ branch for an edit view to customize the toast in-app

This changes everything. 🤯

With GPT-3, I built a Figma plugin to design for you.

I call it "Designer" It uses modified code I had written previously to get a rudimentary version working:

https://twitter.com/jsngr/status/1229761750981054465

I want to show you just how easy it is to recreate this Control Center widget in SwiftUI with interaction, animations, and all using a Swift Playground.

Thread 👇 Using Swift Playgrounds (on iPad or Mac), let’s make the circle + icon component (using SF Symbols) and add some text beneath it.

We place these together in a VStack (vertical stack) to get them to vertically stack on top of one another.

i realized i do this a lot. ideas thread 👇 coming soon