Skip to content

Instantly share code, notes, and snippets.

@hyukkwonepic
Last active July 21, 2021 05:35
Show Gist options
  • Save hyukkwonepic/ed41d98190a7e17563faa32823e108f3 to your computer and use it in GitHub Desktop.
Save hyukkwonepic/ed41d98190a7e17563faa32823e108f3 to your computer and use it in GitHub Desktop.
hello-protopie
{
"id": "1",
"title": "Hello, ProtoPie!",
"body": "Welcome! Let's make ProtoPie together :) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a faucibus purus. Nunc mattis nisl quis convallis egestas. Ut ornare maximus fringilla. Suspendisse a cursus arcu. Sed pharetra aliquam vehicula. Curabitur semper est id nibh rhoncus accumsan sed at dolor. Maecenas varius quam purus, non sodales erat vestibulum vitae. Nulla at dui odio. Aenean porta laoreet feugiat. Etiam a turpis pharetra, laoreet massa sed, vestibulum nisi. Nam eget bibendum massa. Nulla dictum, magna a commodo semper, turpis sapien maximus arcu, vel elementum velit elit eu massa. Cras euismod varius velit ac finibus. Fusce et fermentum sapien, ut tempus quam.",
"comments": [
{
"id": "1",
"body": "Find a variety of devices and device frames used for prototypes.",
"comments": [
{
"id": "5",
"body": "Choose among the most popular devices for iOS, iPadOS, Android, and desktop. ",
"comments": []
},
{
"id": "6",
"body": "ProtoPie supports prototypes for mobile, tablet, desktop, web, and TV—basically, anything that has a screen.",
"comments": [
{
"id": "8",
"body": "Prototypes for iOS, iPadOS & Android show their respective device frames in the cloud.",
"comments": [
{
"id": "9",
"body": "Find the iOS & iPadOS devices that ProtoPie supports.",
"comments": []
}
]
}
]
},
{
"id": "7",
"body": "You can use layers in ProtoPie just like you do in other design tools.",
"comments": [
{
"id": "10",
"body": "Vector layers like rectangles or ovals can be added, moved, and resized freely.",
"comments": []
}
]
},
{
"id": "11",
"body": "You can add SVG (Scalable Vector Graphics) layers and scale them without losing quality.",
"comments": []
},
{
"id": "12",
"body": "To make their properties editable, just convert them to shapes after importing.",
"comments": []
}
]
},
{
"id": "2",
"body": "You can copy SVG code from Sketch, Figma, Adobe XD or Zeplin and paste it directly into ProtoPie.",
"comments": []
},
{
"id": "3",
"body": "ProtoPie supports mp4 (H.264) video files that are 20 MB or smaller.",
"comments": [
{
"id": "13",
"body": "A Lottie layer renders a JSON file containing parsed Adobe After Effects animations that were exported with Bodymovin.",
"comments": [
{
"id": "15",
"body": "ProtoPie supports wav, mp3, and m4a audio files.",
"comments": []
}
]
},
{
"id": "14",
"body": "You can use the output from a camera in your smart device as a layer.",
"comments": []
}
]
},
{
"id": "4",
"body": "This works when you run your prototype in ProtoPie Player.",
"comments": []
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment