- Make account at https://www.figma.com/ using a personal (non-NCSU) email.
- Login to your new account.
- Create a new design file and open it.
- In the sidebar on the left, click "Assets" to go into the Assets menu.
- Locate and select "iOS 18 and iPadOS 18" library and select it.
- Find the "Bezels" section of the library and drag an iPhone 16 bezel into the design area.
Design a screen for a simple counter app. The screen should feature a number in the center that can be incremented or decremented by clicking different buttons. The screen does not need to be functional (i.e. the buttons don't need to actually change the number).
Achieve this design using using only assets from the "iOS and iPadOS 18" and "Material Design 3" libraries. You are not required to use both of these, but you are not allowed to use other asset libraries.
An example can be found here: https://tallycount.app/
When you are finished, add it to this repo in the counter-designs folder by doing the following:
- Clone the repo to your local machine:
git clone git@github.com:NCSU-App-Development-Club/react-native-s25.git
cd react-native-s25-
Create a new branch:
git checkout -b <firstName-lastName>
(for example,
Abel Luwould create a branch calledabel-luby runninggit checkout -b abel-lu) -
Push the new branch by running:
git push --set-upstream origin <firstName-lastName>
-
Export your Figma design--go to the right menu, which should have an
Exportsection, and clickExport <your design name>--add it to thecounter-designsdirectory on your local version of the repo, then rename it toyour-name.png(with your full name; same format as the branch name, likeabel-lu.png)
- Stage and commit your changes, then push to the GitHub repository (you can replace the commit message
my designwith whatever you want, and branch-name will be your name, ex.abel-lu):
git add .
git commit -m "my design"
git push- Open a Pull Request on GitHub: go to the
Pull requeststab, clickNew pull request, ensure that thebasebranch ismainand thecomparebranch is the branch you created (e.g.abel-lu), and clickCreate pull request. Finally, clickCreate pull requestagain on this page.

