Sketch.systems @sketchsystems
https://t.co/NP0hT3vViz helps software designers think about complex product behavior. Sketch out states, add prototypes, and clarify questions quickly. sketch.systems Joined May 2018-
Tweets20
-
Followers95
-
Following2
-
Likes1
I've been trying (and failing) to spend more time with state machines and xstate since I saw @DavidKPiano talk a.. year? two? ago, but just stumbled upon this thing - sketch.systems/anon/sketch/new. Looks absolutely amazing for visualizing diagrams
Wow, Figma designs can be hooked into sketch.systems state machines to visualize state changes between screens sketch.systems/tutorials/figm…
We've just added support for parallel states in Sketch.systems —they make it much easier to model systems with a lot of combinatorial complexity. Check out the tutorial here: sketch.systems/tutorials/para…
Quick tip: want to indent multiple states at the same time in the spec editor? Use ⌘] for indent and ⌘[ for dedent (MacOS) and CTRL + [ and CTRL + [ (Windows).
You can now drag-and-drop JPEGs or PNGs from your computer into states in your Sketch.systems diagram. This is handy for quickly adding visual mockups to your sketch. To get started, view the tutorial: sketch.systems/tutorials/img-…
Want a quick introduction to sketching out states—and how it can help you think about your product’s behavior? Check out @ryanlucas’ 8-minute video sketching out the iOS lock screen: sketch.systems/tutorials/ipho…
If you’re interested in hooking up your Figma artboards to Sketch.systems states, check out this prototype from @steveruizok. It’s a nice workaround for the Figma API being slow to generate images: sketch.systems/steveruizok/sk…
Statecharts are really handy for tweaking animations that run on state changes. Try clicking through the diagram and the prototype of this sketch: sketch.systems/ryanlucas/sket… (Design inspiration from @andmironov: dribbble.com/shots/2323892-…)
Quick tip: the editor in Sketch.systems supports multiple cursors. Really helpful when you need make changes in multiple places at once. Just hold down the command key (MacOS) or control key (Windows) and click where you want to place each cursor.
Statecharts are great for experimenting with animations. @lynaghk talks about this—and the new back button feature in Sketch.systems. 📺Watch the 2-minute video: player.vimeo.com/video/278387834 👉Experiment with the example yourself: sketch.systems/ryanlucas/sket…
With the new image support, @sketchsystems is now basically a better prototyping tool than all major design tools.
You can now export Sketch.systems statecharts as JSON (for @DavidKPiano's xstate) or EDN (for @nikitonsky's DataScript), so you can compute freely. Here's a 12m demo of querying a statechart w/ datalog and then visualizing w/ GraphViz: player.vimeo.com/video/276059082
Designing component UIs with state machines goes a long way toward making behavior explicit. Check out @steveruizok's sketch here: sketch.systems/steveruizok/sk…
Great article from @hillelogram on the value of formally specifying UIs, with examples using Sketch.systems and Alloy. 👇
Great article from @hillelogram on the value of formally specifying UIs, with examples using Sketch.systems and Alloy. 👇
Fun obligatory toggle component example from @steveruizok in sketch.systems. sketch.systems/steveruizok/sk…
Good discussion on the forum about linking mockups from visual design tools into sketch.systems. Here's an example sketch with frames/artboards from Figma attached to states via embed URL: sketch.systems/ryanlucas/sket…
Stop building only #happypath scenarios and get serious! Sketch.systems promising new tool is encouraging designers to plan more concrete product behaviour. 😮#uxdesign buff.ly/2L9MBkM
Now this looks very promising! Sketch.Systems allows us to use Markdown to describe the behavior of a system, while building prototype user interfaces on top of it. sketch.systems
sketch.systems is a site where you can easily map out your product system via state machines, built by @subformapp Super useful.
Harm @user_4711_x
0 Followers 83 Following
Tom Johnson @tomjohndesign
7K Followers 2K Following Founding designer/Head of design @basedash. Maker of https://t.co/v2OkqJ5IOg. I dream in dither.
Yunfei @Yahaha227379
65 Followers 1K Following Creator, CEO @iart.ai , Dreamer& builder of AI visual communication. open to discussion, any kind of communication.
Daniel Salvadori @danaugrs
1K Followers 4K Following Building @PurLanguage. Machine learning, computer graphics, crypto and finance. Prev. @Dassault3DS @UCSD @UCSDJacobs @RadySchool
Paweł @humanHologram
247 Followers 2K Following Passionate about programming languages, software engineering, science, neuroscience and geopolitics, watch out for my multilingual tweets.
Raphaël Saunier @RaphaelSaunier
497 Followers 3K Following 👨💻 Software Engineer 👨👧👦 Father of Two 🤖 AI Dilettante 💫 Psychonaut 🫶 Xenophyle – 🧯 Former Firefighter & Swiss Army Logistics Officer 🎓 @UCLSoM IMB
Ryan Heuser @SEOHeuser
368 Followers 870 Following Theo and Isla's dad and Director of Product & Technical Support Services @seoclarity I tweet #SEO , Chicago Sports #BearDown #GoCubsGo #SeeRed and #bourbon
Robert Penner @robpenner
8K Followers 2K Following UX Engineer @Microsoft | easing functions creator | deported from Nepal for human rights writing
Jack Steam @JackSteamDev
151 Followers 107 Following Chrome Extension Scientist, founder of CRXJS and creator of @crxjs/vite-plugin
Alex @alexvbelow
27 Followers 327 Following
Sun @sun_is_up_today
35 Followers 1K Following
Miguel SM @cometcastle
21 Followers 346 Following
Hugo Ribeiro @hugosenari
82 Followers 149 Following Osso, sangue e carne (gordura, muita gordura ;) )
George Sotiropoulos @qqefy
145 Followers 498 Following Currently head of the mobile team at @XM_COM. Strongly believe in static type systems and other things that constrain our imagination.
Hrafnkell Pálsson @hrafnkellp
94 Followers 885 Following Founder at Maul. I like computers and playing volleyball 🏐
Sunhowᯅ @sunhowsh
2K Followers 2K Following Mastering Swift and XR techs. Prev. Design @Teambition @alibaba_cloud
Alex Pausan @alexpausan
362 Followers 550 Following AI explorer | Design | Code. Prev CPO @teleportHQio. Co-founder @jsheroes
Jeremy Taylor @refset
1K Followers 5K Following Working on @xtdb_com #ToolsForThought obsessive, 4GL maximalist (SQL is alright), always happy to chat :)
Eric Knudtson @vikingux
1K Followers 5K Following Currently into diagrammatic reasoning and visual languages
bradumbaugh @bradumbaugh
438 Followers 2K Following Technical writer and mobile developer. Working @shopify.
James Murphy @recumbent
637 Followers 786 Following .NET Developing, Recumbent Riding, Ale Drinking...
EIZO Iberia & Latam @EIZO_ES
426 Followers 329 Following EIZO fabricante de soluciones de #imagen digital, #radiodiagnostico, gestión #color, #videovigilancia, industria, #postproduccion, aeroespacial, #edicionvideo
3Sigma @Info3Sigma
71 Followers 175 Following 3Sigma est une société spécialisée en Robotique didactique et Internet des Objets #TechLoireValley
Michael Stingl @michaelstingl
1K Followers 4K Following digital resident | product owner @cloudpunks | #cloud #ai #vibecoding enthusiast | passionate about #coworking #ui #ux #agile | opinions are my own | he/him
James Musgrave @jamesmu
726 Followers 4K Following Designer. Working with @xxix_co @garden3d_net. Also @[email protected]
Alvaro Recuenco @arecuenco_twt
184 Followers 953 Following Solving problems with interface for real people. Designer in Art Direction Team at Santillana.
Rafael Ramos @rafabkny
274 Followers 988 Following Product Manager @ LT Apparel. Previously @TrueAccord, @Vitals, @MTV. Support @ACLU, @PPact, @IndivisibleTeam Bluesky: @configutron.com #WarrenDemocratForHarris
yancymin @yancymin
8K Followers 3K Following turn on, tune in, take over. building @artifigAI maker of @wegic_ai, @Ugic_Ai, https://t.co/C9wfQHd11M, https://t.co/sjDfGvpXzb | Product Designer, Design Engineer
James Lyons @_jameslyons
124 Followers 2K Following Design @simplepractice Building https://t.co/PVVXc6IJp6 with Tap Five
ystrïya (we/us) 🇺... @yatakalam
4K Followers 2K Following XX formerly non-hexadecimal (pre-UKSC/2024/0042) 웅앵웅 #NoThankYou #NonEGiusto prepositions:athwart/qua Nobody told me that was against the rules ژن ژیان ئازادی
Boris Anthony 🕸 @BorisAnthony
313 Followers 281 Following Current project: https://t.co/yQfmcQnjMg @[email protected]
Kevin Cannon @multikev
4K Followers 3K Following Not active here any more. You can find me on other sites these days.
Dys_design @dys_design
94 Followers 829 Following Designer Ui/motion. Graphiste - Illustration - Numérique
Eric Pringels @ericpringels
803 Followers 2K Following Full Stack Designer focusing on identities, territories and trajectories #UX #UI #service #innovation #facilitation #mobility #urban #art #fiction #photography
Jeremy Lu @thecat
10K Followers 2K Following Fullstack developer by day, amateur haskeller by night, avid cyclist and swimmer in between. Ask me anything about statechart, react and cycling. λ
Omar Diab @therealomardiab
204 Followers 585 Following Cofounder at Spinach, formerly Cofounder & Head of Engineering at @everydotorg. Love me a walkable city.
🔴 Christian S. @squiddle
254 Followers 2K Following Schwimm nicht gegen den Strom, geh an Land. anderswo: https://t.co/CxklbxcGz7
Ryan Lucas @ryanlucas
1K Followers 207 Following VP of Design @rippling. Eventually everything connects.
Kevin Lynagh @lynaghk
3K Followers 448 Following I design and build things. Mostly software, sometimes furniture, and a few small buildings once. https://t.co/0gkn5HFNPKTrends for United States
You might like
