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
66 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
251 Followers 2K Following Passionate about programming languages, software engineering, science, neuroscience and geopolitics, watch out for my multilingual tweets.
Raphaël Saunier @RaphaelSaunier
498 Followers 3K Following 👨💻 Software Engineer 👨👧👦 Father of Two 🤖 AI Dilettante 💫 Psychonaut 🫶 Xenophyle – 🧯 Former Firefighter & Swiss Army Logistics Officer 🎓 @UCLSoM IMB
Ryan Heuser @SEOHeuser
369 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
33 Followers 1K Following
Miguel SM @cometcastle
22 Followers 345 Following
Hugo Ribeiro @hugosenari
83 Followers 149 Following Osso, sangue e carne (gordura, muita gordura ;) )
George Sotiropoulos @qqefy
145 Followers 495 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
93 Followers 872 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
363 Followers 552 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
443 Followers 2K Following Technical writer and mobile developer. Working @shopify.
James Murphy @recumbent
637 Followers 788 Following .NET Developing, Recumbent Riding, Ale Drinking...
EIZO Iberia & Latam @EIZO_ES
427 Followers 330 Following EIZO fabricante de soluciones de #imagen digital, #radiodiagnostico, gestión #color, #videovigilancia, industria, #postproduccion, aeroespacial, #edicionvideo
3Sigma @Info3Sigma
71 Followers 176 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
185 Followers 954 Following Solving problems with interface for real people. Designer in Art Direction Team at Santillana.
Rafael Ramos @rafabkny
278 Followers 989 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
107 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 Exploring creative tools and AI. Design Director @Grammarly @pitch / @frogdesign / @CIIDnews (mostly on other sites these days)
Dys_design @dys_design
96 Followers 831 Following Designer Ui/motion. Graphiste - Illustration - Numérique
Eric Pringels @ericpringels
804 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 205 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
