Judo: Design and Build Apps 7.0.3 - App Store

Judo: Design and Build Apps version 7.0.3

Updated At: 2024-03-28

Changes: Mar 28, 2024 Version 7.0.3 Bug fixes.

Judo: Design and Build Apps version 7.0.2

Updated At: 2024-03-20

Changes: Mar 20, 2024 Version 7.0.2 Fixed a crash that prevented users running older versions of macOS from opening the app.

Judo: Design and Build Apps version 6.1

Updated At: 2024-01-12

Changes: Jan 12, 2024 Version 6.1 Improved performance for very large Judo files and files with many large images.

Judo: Design and Build Apps version 6.0

Updated At: 2023-12-17

Changes: Dec 17, 2023 Version 6.0 Judo 6 brings modal presentation and new ways of integrating Judo files into an Xcode project—including the ability to load Judo files remotely. Commonly known as server-driven UI, this technique allows you to update parts of your app’s user interface immediately, to all users, without going through the App Store review process. WHAT'S NEW Use the new Sheet and Full Screen Cover modifiers to present views modally on top of other modifiers. A new Presentation Detents modifier can be used on content that is presented in a sheet to configure the vertical size of the sheet when running on an iPhone in portrait mode. By default, sheets can be dismissed by swiping down when running on an iPhone in portrait mode. This can be disabled with the new Interactive Dismiss Disabled modifier. Customize the color of a sheet background with the Presentation Background modifier. Disable the dimmed overlay when a sheet is presented so the user can interact with the content behind it using the Presentation Background Interaction modifier. Configure the radius of a sheet's corners with the Presentation Corner Radius modifier. Configure the visibility of the drag indicator on a sheet with the Presentation Drag Indicator modifier. The Judo SDK includes a new AsyncJudoView which can be used to load a Judo file asynchronously, including from a remote server. It closely resemble’s SwiftUI’s AsyncImage and can be used in much the same way. New event modifiers On Appear, On Disappear and On Tap Gesture were added that are especially useful when integrating a Judo file in an Xcode project. For example, On Appear can be used to track views of a Judo screen in an analytics platform. You can now preview your designs in 23 additional languages. Judo now supports all 35 of the languages supported by the iOS simulator. Use the new Font Weight modifier to apply a specific weight to a Text layer that is using one of the built-in text styles. This facilitates custom weights while retaining the ability for text to scale with the user’s preferred type size. Adjust the spacing between letters on a Text layer with new Kerning and Tracking modifiers. Add a border to any layer with the Border modifier. A new Blur modifier can be used to apply a blur effect to any layer. If your mouse has a middle button (or scroll wheel) you can press and hold to pan, similar to Figma. WHAT'S CHANGED All of a layer’s modifiers are now displayed in the Layers Panel. Previously only the Background, Overly and Mask modifiers were displayed. With this change, you can now copy, paste and move modifiers from one layer to another. The list of modifiers in the Add Modifier menu has been reorganized including some new categories and changes to the colors used to represent each category. You can now delete properties without requiring a trackpad. The alignment picker has been redesigned to be more intuitive and more familiar to Figma users. WHAT'S FIXED Fixed an issue that prevented HStacks from being aligned anything other than center. The Toolbar Color Scheme modifier will no longer prevent your content from displaying when Navigation Bar is unchecked. Icons in the tab bars were displaying smaller in the canvas than they do when displayed on a device. The On Tap Gesture modifier is now listed in the Events section of the Add Modifier menu. The Underline modifier now shows the keyboard shortcut in the Add Modifier menu. Documents will no longer be considered edited if the only change you have made is changing which layers are selected. The Text Content Type modifier now correctly supports multi-select. The resizable(capInsets:resizingMode:) and renderingMode(_:) modifiers are now correctly displayed in the code generated for Image layers. Buttons will no longer display the `.role` parameter in the generated code when it uses the default value to more accurately represent the way a developer would write the code. Async Images can once again be made resizable.

Judo: Design and Build Apps version 5.0

Updated At: 2023-11-08

Changes: Nov 8, 2023 Version 5.0 Judo 5 adds a new Video Player and new ways of configuring Scroll Views. NEW FEATURES You can now a Video Player to your design and configure it with a URL of a hosted video. The video is playable when previewing your design in the Judo iOS app or your own app when embedding a Judo file in an Xcode project. Three new modifiers were added that facilitate advanced scroll effects: Scroll Target Behavior, Scroll Target Layout and Container Relative Frame. The combination of these three modifiers enable behaviors such as paging and full screen vertical swiping as popularized by the TikTok app. A new Underline modifier was added for displaying Text layers with a solid, dashed or dotted underline. Text Field now supports the axis property allowing you to create automatically-growing text fields as text is entered into the field. The Insert + menu has been reorganized to be more intuitive. Pressing the S key now inserts a Spacer. The context menu, accessed by right-clicking a layer in the Layers Panel, has new menu items for embedding layers in containers, using layers as a Background, Overlay or Mask, and making layers into Buttons, Navigation Links and Conditionals. In addition to the Layers Panel, the context menu can now also be accessed by right-clicking layers directly on the canvas. The toolbar has 10 new buttons, providing shortcuts for the most common tools and functions. Pressing the number keys 1-9 will adjust the opacity of the selected layers similar to Sketch and Figma. Modifiers now support multi-select. When multiple layers are selected that contain the same modifier, you can adjust the properties of all modifiers in the Inspector Panel at the same time. RESOLVED ISSUES After editing a text or number value in the Inspector Panel, you will no longer lose your changes if you click on the canvas while the text field still has focus. The Code Inspector now correctly displays code for Conditional layers. Text Fields now properly support number properties and will display a better error message if bound to an unsupported property. Fixed an issue with the way Tab View previewed its size on the canvas. Tab Views using the page style weren’t correctly showing dots for child layers that didn't have a Tab Item modifier. Fixed some minor issues with the Code Inspector related to the Clip Shape and Aspect Ratio modifiers. A glitch with the selection indicators on the canvas emerged with Sonoma and has been resolved. Inserting items once again positions them in the center of the canvas. A handful of modifiers were missing from the Add Modifier menu and could only be added if you searched for them by name. This has been rectified. Embedding a Judo view within your own Navigation Stack in an Xcode project now functions correctly.

Judo: Design and Build Apps version 4.1

Updated At: 2023-09-28

Changes: Sep 28, 2023 Version 4.1 Fixed an issue where some files created in older versions of Judo didn't open correctly in the latest version.

Judo: Design and Build Apps version 3.1

Updated At: 2023-08-22

Changes: Aug 22, 2023 Version 3.1 The focus of 3.1 was on improving the way you navigate the canvas with scroll, zoom and pan as well as improving the performance of the canvas in general. --- New Features in Judo 3.1 Beta 1 Zooming the canvas now takes the current mouse position into account. This means pinch-to-zoom on a trackpad works as you’d expect and zooming with the mouse wheel (while holding the command ⌘ key) will zoom in and out of the exact spot where your mouse is positioned. Holding the space bar now enables pan mode. While in pan mode you can click and drag with your mouse to move the canvas. Three new zoom features were added: Zoom to Fit Canvas, Zoom to Selection and Center Selection. These work the same as other design tools like Sketch and Figma and mirror the same keyboard shortcuts. When a Component Instance is selected, a new Edit Main… button is displayed in the Inspector Panel. Clicking this button will select the Main Component the selected layer is an instance of, and centre the Main Component in the canvas. This is useful for making changes to a selected instance. This works just like similar features in Figma and Sketch. --- Resolved Issues in Judo 3.1 Beta 1 Fixed a bug with the iOS app where buttons using the Open URL action wouldn’t work if the URL was mapped to a component property or value from a data source response. The padding on the menu picker style wasn’t quite right. This was noticeable in the Bumble onboarding example where the country code picker and phone field appeared to have different heights, even tho they are identical when running in the iOS app. The canvas logic has been updated to fix this. We made close to a dozen individual improvements to the accuracy of the generated SwiftUI code. Zooming with a physical mouse wheel should now feel more natural. The "Keep Me Signed In" checkbox in the Amazon example is now bound to a value so it can be toggled when running on a device.