We already kicked off 2024 with several major updates to Stately such as inspecting live XState code, syncing with GitHub, and writing code for actions and actors in the Studio. Today we’re excited to announce that we’ve also launched an integration with Figma!
You can now attach Figma frames to states in Stately.
State machines and visual diagrams are such a powerful way to organize, and convey information. All of those lovely “boxes and arrows” convey meaningful relationships, indicate sequential order, and direct flows in a way that’s easier to understand since it's visual. Add to that the ability to attach assets to your diagrams and you’re well on your way towards creating truly expressive, executable software diagrams. But there’s still one thing that state machines have that should make them easy to understand. Text.
This week, the headline is Stately Inspector! But we’ve also made some improvements and fixed a few bugs in Stately Studio.
Watch our latest office hours live stream where we cover Stately Agent, Figma Embed, and more.
One of the most popular features of our legacy Stately Viz was its ability to inspect your app in real-time using the previous @xstate/inspect and Stately Viz tools. We wanted to bring this functionality into a universal tool that enables you to visually inspect the state of any application, frontend or backend, with the visualization of Stately’s editor. So we built Stately Inspector.
Watch our latest live stream where we cover actors in XState. Learn more about common use cases, more complex state machines, and the actor model.
Watch Gavin as he covers an example backend media scanning workflow defined and implemented with XState and Stately tooling.
We’ve had a busy start to 2024 with the release of GitHub Sync, sources, and draft projects. We’ve also made plenty of improvements and fixed a few bugs.
The team at Stately is proud to release an exciting new feature to kick off 2024, GitHub Sync with Stately Studio! This feature has been highly requested by users and it prompted us to initially launch GitHub Import as a Pro feature over a year ago. But GitHub Sync goes beyond just importing as it enables a completely bidirectional workflow between GitHub repositories and Stately Studio. View the short demo of GitHub Sync from our Office Hours last month.
We’re excited to share a feature that unlocks a whole new level of power and flexibility in Stately’s editor: sources. With sources, you can now provide implementation source code for your actions, actors, and guards, making syncing between the editor and your codebase a breeze.
