Missed JavaScript Days 2026? The Replays Are Now Available – Watch Now!

Wireframing with Ext JS Stencils – Now Available for Sketch and Omnigraffle

August 28, 2015 1528 Views

Get a summary of this article:

Show

Ext JS Stencils

About a month ago, we released Ext JS Stencils for Adobe Illustrator. First of all, we would like to thank everyone who downloaded and tried Stencils, and for the positive feedback we’ve received.

One common request was that we add support for designer tools other than Illustrator. Two of the most commonly requested tools were Sketch and Omnigraffle.

Sketch is a relatively new tool that has gathered a lot of adoption among designers because of its easy-to-use interface. It has many features that make it especially suitable for creating both wireframes and high-fidelity UI designs.

Omnigraffle is a design tool specifically optimized for creating diagrams, stencils, and wireframes that is widely used in the UX and visual design communities.

Over the last month, we created Ext JS Stencils for Sketch and Omnigraffle. While the content of Stencils is the same as the Illustrator version, we have invested great effort to make sure everything is organized, named, and adjusted properly for each software version. You’ll have access to the same high-quality wireframing assets, if you use Sketch or Omnigraffle.

You can download Ext JS Stencils for Illustrator, Sketch or Omnigraffle here.

For more in-depth information about Ext JS Stencils, read our announcement blog post, which also includes an instructional video on how to use Ext JS Stencils for Illustrator.

If you have any issues or feedback, please share them in the Ext JS Stencils forum.

Author

Amulya Aradhyula

Amulya is a UX Designer at Sencha. She has experience in front-end web development, visual design principles, user experience and user interface design -- for websites and mobile apps on iOS and Android.

Additional Author(s)
  • Andrew Hemans
  • Grace Noh

Recommended Articles

How to Use Tailwind CSS v4 in Ext JS (Classic) Without Breaking the Theme

We know that Ext JS is a war tank. When it comes to handling absurd volumes of data and complex front-end architectures, few frameworks come…

How to Use the Ext JS Grid in React: Setup, Columns, Editing and Grouping

Set up the Ext JS grid in React with ReExt, then add typed columns, store-backed data, inline editing, grouping and summaries. Full code included. The…

Understanding Ext JS Layouts and Containers: An Introduction (Classic vs. Modern)

Building complex, responsive, and data-intensive Web applications requires a solid layout engine. In Ext JS, the layout system is the backbone of your Application UI.…

AI-Driven Test Grading with Ext JS, Node.js, and OpenAI: A Secure Enterprise Architecture

Learn how to build an AI-driven test grading system with Ext JS, Node.js, MySQL, and OpenAI using secure API architecture, deterministic scoring, and human oversight.…

Sencha AI Just Got a Lot Bigger: One Chatbot, Every Sencha Product

Sencha’s AI assistant has grown from a focused Ext JS helper into a product-aware chatbot covering the whole Sencha suite. Here’s what’s new and why…

Building High-Performance Real-Time Operational Dashboards with Ext JS and React

Real-time operational dashboards are no longer simply reporting interfaces. In logistics, fleet management, supply chain operations, financial services, and other data-intensive environments, they are part…

View More