Sketch-n-Sketch
File
NewNew From Template...Save As...SaveOpen...Export CodeExport SVGImport Code...Import SVG
Examples
Overview: Lambda Logo(i) Koch Snowflake(ii) Precision Floor Plan(iii) Mondrian Arch(iv) Balance Scale(v) Box Volume(vi) Xs(vii) Battery(viii) Ladder(ix) Logo (via Three Tris)(x) N Boxes(xi) Ferris Wheel(xii) Tree Branch(xiii) Target(xiv) Pencil Tip(xv) Arrows(xvi) Rails
Code Tools
Create Function from Definition...Create Function from Arguments...Create Function by Merging Definitions...Add Argument...Remove Argument...Reorder Arguments...Rename Variable...Introduce Local Variable...Swap Variable Names and Usages...Swap Variable Usages...Make Equal with Single Variable...Make Equal by Copying...Move Definition...Swap Definitions...Inline Definition...Duplicate Definition...Reorder Expressions...Swap Expressions...Make Single Line...Make Multi-line...Align Expressions...Thaw/Freeze...Add/Remove Sliders...Show/Hide Sliders...Rewrite as Offset...Convert Color String...Flip Boolean...
Output Tools
Hide WidgetAdd to OutputDupe (⌘D)
Termination Condition Options▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Reorder in List▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Make Equal (⌘E)▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Relate▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Merge▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Group▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Abstract▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Repeat by Indexed Merge▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Repeat with Function nPointsOnCircle▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Repeat with Function nPointsOnSegment▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Repeat with Function nPointsSepBy▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Repeat with Function nHorizontalPointsSepBy▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Repeat with Function nVerticalPointsSepBy▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
Repeat with Function pointsBetweenSepBy▸
Synthesizing... ⏳ ⏰ 👵🏽 👴🏼 ⚰️ 🏁
View
Font Size▸
○8○10○12○14●16○18○20○22○24
Color Scheme▸
●Light○Dark
Output Type▸
●Graphics○Text
Options
Auto-Run▸
Every secondEvery 2 secondsEvery 3 seconds
Code Tools Menu Mode▸
●All○Active○Disabled
Text Selection Mode▸
○Strict○Superset○Subset●SubsetExtra
Output Synchronization▸
●Live○Delayed
Live Update Heuristics▸
●Biased○None○Fair
Syntax▸
●Elm○Little
Current file: Untitled *
⟲ Undo⟳ RedoClean Up
Run ▸
🙂
1
2
svg (concat [
])
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
⦀
Context: Program
Built-In Tools
User-Defined Tools
Standard Library Tools
No Results
Code Tools
Create Function from Definition...Create Function from Arguments...Create Function by Merging Definitions...Add Argument...Remove Argument...Reorder Arguments...Rename Variable...Introduce Local Variable...Swap Variable Names and Usages...Swap Variable Usages...Make Equal with Single Variable...Make Equal by Copying...Move Definition...Swap Definitions...Inline Definition...Duplicate Definition...Reorder Expressions...Swap Expressions...Make Single Line...Make Multi-line...Align Expressions...Thaw/Freeze...Add/Remove Sliders...Show/Hide Sliders...Rewrite as Offset...Convert Color String...Flip Boolean...
Code Tools
There are no available tools based on these selections. Press Escape to clear.
Configuration Panel
Output Tools
There are no available tools based on these selections. Press Escape to clear.
New From Template...
General
UIST'19 Examples
Save As...
Filename (default .elm
)
Save
Current Files
Open...
Warning
Untitled has unsaved changes. Would you like to continue anyway?
CancelYes (Discard Changes)
Import Code...
Import