akiraux / akira Goto Github PK
View Code? Open in Web Editor NEWNative Linux App for UI and UX Design built in Vala and GTK
License: GNU General Public License v3.0
Native Linux App for UI and UX Design built in Vala and GTK
License: GNU General Public License v3.0
When hovering on a layer inside a group, also the actions of that group are visible
It shouldn't happen
Based on the UI mockup, I believe we can make the menu bar more compact by removing the icon at the left altogether and reducing the size (I believe there's just too many space in there that doesn't bode well), or have the icon in the left side small but clear enough to allow a compact menu bar. Some programs like Gravit Designer has some compact menu bars which overall looks cleaner than a large menu bar
Is this project still active or is it abandoned?
I checked out the master with id 4dc3532c1e98d7f3aef6623fc64ec40ba1ef1f93
and tried to build it on Arch linux 4.14.15-1-ARCH.
mason output:
The Meson build system
Version: 0.44.0
Source dir: /home/faebser/workspace/Akira
Build dir: /home/faebser/workspace/Akira/build
Build type: native build
Project name: com.github.alecaddd.akira
Native C compiler: cc (gcc 7.2.1)
Native Vala compiler: valac (valac 0.38.6)
Build machine cpu family: x86_64
Build machine cpu: x86_64
Found pkg-config: /usr/bin/pkg-config (0.29.2)
Native dependency glib-2.0 found: YES 2.54.3
Configuring config.vala using configuration
Native dependency gtk+-3.0 found: YES 3.22.26
Native dependency granite found: YES 0.5
Native dependency gee-0.8 found: YES 0.20.0
Native dependency libxml-2.0 found: YES 2.9.7
Native dependency gtksourceview-3.0 found: YES 3.24.6
Meson encountered an error in file meson.build, line 20, column 0:
File src/config.vala does not exist.
output from meson-log.txt
Build started at 2018-01-31T10:35:01.161701
Main binary: /usr/bin/python
Python system: Linux
The Meson build system
Version: 0.44.0
Source dir: /home/faebser/workspace/Akira
Build dir: /home/faebser/workspace/Akira/build
Build type: native build
Project name: com.github.alecaddd.akira
Sanity testing C compiler: cc
Is cross compiler: False.
Sanity check compiler command line: cc /home/faebser/workspace/Akira/build/meson-private/sanitycheckc.c -o /home/faebser/workspace/Akira/build/meson-private/sanitycheckc.exe
Sanity check compile stdout:
-----
Sanity check compile stderr:
-----
Running test binary command: /home/faebser/workspace/Akira/build/meson-private/sanitycheckc.exe
Native C compiler: cc (gcc 7.2.1)
Running compile:
Working directory: /tmp/tmpwfhgrqzy
Command line: valac /tmp/tmpwfhgrqzy/testfile.vala -C -C -o /tmp/tmpwfhgrqzy/output.obj
Code:
class MesonSanityCheck : Object { }
Compiler stdout:
Compilation succeeded - 1 warning(s)
Compiler stderr:
warning: --output and -o have no effect when -C or --ccode is set
Native Vala compiler: valac (valac 0.38.6)
Build machine cpu family: x86_64
Build machine cpu: x86_64
Found pkg-config: /usr/bin/pkg-config (0.29.2)
Determining dependency 'glib-2.0' with pkg-config executable '/usr/bin/pkg-config'
Native dependency glib-2.0 found: YES 2.54.3
Configuring config.vala using configuration
Determining dependency 'gtk+-3.0' with pkg-config executable '/usr/bin/pkg-config'
Native dependency gtk+-3.0 found: YES 3.22.26
Determining dependency 'granite' with pkg-config executable '/usr/bin/pkg-config'
Native dependency granite found: YES 0.5
Determining dependency 'gee-0.8' with pkg-config executable '/usr/bin/pkg-config'
Native dependency gee-0.8 found: YES 0.20.0
Determining dependency 'libxml-2.0' with pkg-config executable '/usr/bin/pkg-config'
Native dependency libxml-2.0 found: YES 2.9.7
Determining dependency 'gtksourceview-3.0' with pkg-config executable '/usr/bin/pkg-config'
Native dependency gtksourceview-3.0 found: YES 3.24.6
Hi @Alecaddd,
I have download the AppImage of Akira, but unfortunately it can't runt correctly in my Debian Stretch.
Here the error message
sherlock@reichenbach:~/Programs/Akira$ ./Akira-d74196b-x86_64.AppImage
akira: symbol lookup error: /usr/lib/x86_64-linux-gnu/libpangoft2-1.0.so.0: undefined symbol: hb_buffer_set_cluster_level
What should i do?
In the other hand, i try compile Akira from source. I installed all depencies are needed, but here the result
There are no menu on top, left, and right.
Hope you can fix this problem :-)
Thank you very much.
When I start the application (f8ca213) I simply get a white window. It seems the path to the linked stylesheet is broken (also note how the path contains "sequeler" instead of "akira").
[WARNING 16:48:12.884001] [Gtk] Theme parsing error: <broken file>:1:0: Failed to import: The resource at '/com/github/alecaddd/sequeler/stylesheet.css' does not exist
The post install script contains hard-coded paths that assume the prefix is /usr
. This breaks the build if the prefix is not /usr
.
While initially Akira is targetting feature parity with other vector art programs, I would like to see that it can also be used to create short UI animations that can be exported to video or gif/png files.
There aren't many good alternatives out there and one of the most popular tools is Adobe After Effects! Clearly something that is as overkill for Interaction Design as Photoshop/Illustrator is for Web Design.
No matter what button the user has currently active, hitting the escape key will revert the default selection to the Pointer
When I double click the Akira Appimage and click execute or execute in the terminal there is no response at all. And then I try open the terminal and change the directory to Akira and execute appimage with this code:
./Akira-d74196b-x86_64.AppImage
I have this error message:
`./Akira-d74196b-x86_64.AppImage
akira: symbol lookup error: /usr/lib/x86_64-linux-gnu/libpangoft2-1.0.so.0: undefined symbol: hb_font_funcs_set_variation_glyph_func`
Your audio is a little messy, slight hiss, Additionally, If you don't meet your goals, and you take another shot, you should show more of your gifs/ui/ux mockups in the video, like you have further down the page.
Look forward to using your app once it comes out as i'm currently using balsamiq and pencil for UI designing and would suggest that you package it as an appimage to ensure it easily runnable on any linux distro.
This garbage of a code needs some love
reload_zebra ()
To visually improve the layer panel, I want to color alternate the background of a layer between white and light grey, to have the usual zebra
effect.
The first approach was via CSS, with the method
.layers-panel .layer:nth-child(even) {
background-color: #f5f5f5;
}
This works only if all the layers are one after another in the same container.
This solution doesn't work when there's a group layer or multiple grouped layers, for obvious reasons.
The current solution works, but it seems heavy and convoluted, and I'm not sure how well it will perform with hundreds of layers.
The code, right now, loops through all the layers, removes the even
class, and adds the class back if the counter in the loop is multiple of 2.
The code recognizes if the layer is a group and loops through the inner layers.
Is this good or bad! 2 foreach loops with many if statements doesn't seem like a good idea.
Main Menu gear to the far right of the Toolbar.
List the full list of currently available tools and commands with shortcuts and tooltip description.
Hey!
i'm a UX/UI designer/dev and i learnt about akira yesterday, as i was struggling about going back to osx coz i miss sketch.
And then i heard about akira UX.
So my question. How can i help? How can i beta test? How can I (write what you need here)
Grazie mille.
It looks like Akira includes the GPLv3 license in COPYING
, but the source files indicate that this is a GPLv2+ project.
There are two options here:
Personally, I'd rather you do option 1, but either option works.
shouldn't it be "build_drag_and_drop", not "build_darg_and_drop"?
Create a white variation of the layer's custom icons for the dark mode
Use Granite.Dialog
to warn the user when closing the Application Window
Hi Alex!
I'd like to talk to you about maybe working together to make the drawing canvas as it's own independent widget so that it can later be used on other apps such as Spice-Up
The current version of Spice-Up is using all native widgets (like Labels) and CSS for it's rendering and positioning, which tbh is a bit hackish and is kind of broken in the latest Gtk 3.22 version. It also has it's limitations with things like rotations and custom shapes. So maybe we need to make our own canvas renderer from scratch :)
in the README to get the word as much spread as possible. Good luck with your campaign!
Hi, I'm interested in using this promising software.
I'm in elementary OS 0.4.1 (Lock), I clicked the Get it on AppCenter button, but this does not appear in appCenter results, even searching by name.
Is there is anything i can do to help??
This is the kind of software that we, Linux users have been waiting for so long and I'm willing to pay and contribute to their success!
Thanks.
I am so grateful that you are working on this! I would also love to contribute to the software.
Add "Vala" as a dependency to make this app run at Arch Linux.
Right now it grabs just one and ignores the multi-selection.
Damn!
Hello,
I have checked #29, but it was not this case.
I installed all the dependencies. I installed Meson, Ninja, Vala and Vala Lint. I installed via AUR from yay on Manjaro KDE 18.0 Illyria. Check the error:
The Meson build system
Version: 0.48.1
Source dir: /home/gusbemacbe/.cache/yay/akira-git/src/Akira
Build dir: /home/gusbemacbe/.cache/yay/akira-git/src/build
Build type: native build
Project name: com.github.alecaddd.akira
Project version: undefined
Appending CFLAGS from environment: '-march=x86-64 -mtune=generic -O2 -pipe -fstack-protector-strong -fno-plt'
Appending LDFLAGS from environment: '-Wl,-O1,--sort-common,--as-needed,-z,relro,-z,now'
Appending CPPFLAGS from environment: '-D_FORTIFY_SOURCE=2'
Native C compiler: cc (gcc 8.2.1 "cc (GCC) 8.2.1 20180831")
Appending LDFLAGS from environment: '-Wl,-O1,--sort-common,--as-needed,-z,relro,-z,now'
Native Vala compiler: valac (valac 0.42.3)
Build machine cpu family: x86_64
Build machine cpu: x86_64
Found pkg-config: /usr/bin/pkg-config (1.5.4)
Program io.elementary.vala-lint found: YES (/usr/bin/io.elementary.vala-lint)
Configuring config.vala using configuration
Dependency gtk+-3.0 found: YES 3.24.1
Dependency granite found: YES 5.1.0
Dependency gee-0.8 found: YES 0.20.1
Dependency libxml-2.0 found: YES 2.9.8
Dependency gtksourceview-3.0 found: YES 3.24.9
Program meson/post_install.py found: YES (/usr/bin/env python3 /home/gusbemacbe/.cache/yay/akira-git/src/Akira/meson/post_install.py)
Build targets in project: 8
Found ninja-1.8.2 at /usr/bin/ninja
[27/27] Linking target src/com.github.alecaddd.akira.
==> Starting check()...
[0/1] Running all tests.
1/1 Vala lint FAIL 0.34 s (killed by signal 6 SIGABRT)
OK: 0
FAIL: 1
SKIP: 0
TIMEOUT: 0
The output from the failed tests:
1/1 Vala lint FAIL 0.34 s (killed by signal 6 SIGABRT)
--- command ---
/usr/bin/io.elementary.vala-lint -d /home/gusbemacbe/.cache/yay/akira-git/src/Akira/src
--- stderr ---
**
ERROR:arraylist.c:1197:gee_array_list_real_get: assertion failed: (index >= 0)
-------
Full log written to /home/gusbemacbe/.cache/yay/akira-git/src/build/meson-logs/testlog.txt
FAILED: meson-test
/usr/bin/meson test --no-rebuild --print-errorlogs
ninja: build stopped: subcommand failed.
==> ERROR: A failure occurred in check().
Aborting...
Error making: akira-git
It's kinda annoying resizing those panels every time the app starts. make it save the user's configuration.
No indicators are available in the new version of Gtk for the Drang and drop options.
Create an instrument box shadow to show where the layer is gonna be dropped.
Hello,
I tried to build Akira on a fresh and up to date install of Elementary and I've been stuck on the cmake
step:
Every dependencies listed on the readme was found.
Here the full log, do you have an idea ?
theotix@eOS-vm:~/Akira/build$ sudo cmake -DCMAKE_INSTALL_PREFIX=/usr ../
-- Checking for modules 'gtk+-3.0;granite;glib-2.0;gee-0.8;gobject-2.0;libxml-2.0;gtksourceview-3.0'
-- No package 'gtk+-3.0' found
-- No package 'granite' found
-- No package 'glib-2.0' found
-- No package 'gee-0.8' found
-- No package 'gobject-2.0' found
-- No package 'libxml-2.0' found
-- No package 'gtksourceview-3.0' found
CMake Error at /usr/share/cmake-3.5/Modules/FindPkgConfig.cmake:367 (message):
A required package was not found
Call Stack (most recent call first):
/usr/share/cmake-3.5/Modules/FindPkgConfig.cmake:532 (_pkg_check_modules_internal)
CMakeLists.txt:32 (pkg_check_modules)
Many GNOME and elementary projects are switching to the meson build system. It's very fast and has good GTK+ and Vala support. Would you accept a PR for this?
Follow on-going project: https://github.com/Philip-Scott/libgtkcanvas
I opened this issue to see if we can reuse Pencil templates
We can end doing it in a different way, but https://github.com/evolus/pencil/blob/master/app/stencils/Gtk.GUI/Definition.xml
is almost done to grab and design gtk mockups.
NOTE: There's a bunch of other template collections (android, web, desktop...)
As I know, *.sketch files have *.json structure. Would be better make import from *.sketch. Hudge amount of ui-designers use Sketch, and for gaining popularity for Akira need compability with most popular tools Sketch, Figma and etc.
I tried installing dependencies brew doesn't have a lot of them. Any advice on the same will be very useful.
In case you are interested in building a flatpak, here is a manifest I just created that can be used with flatpak-builder
to build a flatpak. It uses the GNOME runtime and builds everything (libgee, granite, gtksourceview and akira) from git. As the master branch currently does not build, it uses the headerbar
branch instead.
Good work so far, just a query, how do you think to solve the focus problem when editing an element (text, triangle, circle, etc.), when you double-click a Gtk.Entry is activated but it is not in focus to be able to edit , having to press the left mouse button. I say this because I have the same problem in Planner and because of this, stop using Gtk.ListBox for a Gtk.Grid
The drag and drop doesn't care about the actual location, it simply replaces the position of the hovered layer.
It should detect the Y
location and put the layer where the user wants.
Please support QT?
Daaamn, I just read the readme, I was waiting for this kind of app for so long. You made my day ! ❤️❤️❤️
Maybe it's a bit to soon to see how good this software will be great but I have good hope.
Thank's again, I will follow his development closely !
When selecting a layer inside a group with the CTRL modifier, also the group is selected.
It shouldn't happen.
This screencast represent what looking for as an Akira user:
which result in:
It should take like 5 min to design this, but there lot of tweaks, copy/paste from printScreen, shrink s involved which make it take lot more time. I can add a screencast with problems we can solve on Akira about design this kind of UI interfaces
I will love to make it interactive (i.e. "Color..." button launch the color chooser dialog)
This is related with https://gitlab.gnome.org/GNOME/gitg/issues/180
Hi!
I'm sorry, I don't usually develop things which need to be compiled so I'm pretty new to technologies/methods used and I'm not really autonomous to solve my problems.
Your README explains in Building how to build the project but I run into several errors.
... | Configuration |
---|---|
OS | Ubuntu 16.04 |
Meson version | 0.29.0 |
build
folderThe first time I ran meson build --prefix=/usr
, it gave me an error:
luciledt@computer:~/development/Akira$ meson build --prefix=/usr Error during basic setup: [Errno 2] No such file or directory: '/home/lucildt/development/Akira/build'
I needed to create manually the build
folder so maybe you need to add this to the Building chapter.
Then, when I run meson build --prefix=/usr
, there is a lot of verbose and it ends with an error:
luciledt@computer:~/development/Akira$ meson build --prefix=/usr The Meson build system Version: 0.29.0 Source dir: /home/luciledt/development/Akira Build dir: /home/luciledt/development/Akira/build Build type: native build Build machine cpu family: x86_64 Build machine cpu: x86_64 Project name: com.github.alecaddd.akira Native vala compiler: valac (unknown 0.30.1) Native c compiler: cc (gcc 5.4.0-6ubuntu1) Traceback (most recent call last): File "/usr/share/meson/mesonbuild/mesonmain.py", line 250, in run app.generate() File "/usr/share/meson/mesonbuild/mesonmain.py", line 160, in generate intr.run() File "/usr/share/meson/mesonbuild/interpreter.py", line 1028, in run self.evaluate_codeblock(self.ast) File "/usr/share/meson/mesonbuild/interpreter.py", line 1050, in evaluate_codeblock raise e File "/usr/share/meson/mesonbuild/interpreter.py", line 1044, in evaluate_codeblock self.evaluate_statement(cur) File "/usr/share/meson/mesonbuild/interpreter.py", line 1162, in evaluate_statement return self.assignment(cur) File "/usr/share/meson/mesonbuild/interpreter.py", line 1976, in assignment value = self.evaluate_statement(node.value) File "/usr/share/meson/mesonbuild/interpreter.py", line 1160, in evaluate_statement return self.function_call(cur) File "/usr/share/meson/mesonbuild/interpreter.py", line 1957, in function_call return self.funcs[func_name](node, self.flatten(posargs), kwargs) File "/usr/share/meson/mesonbuild/interpreter.py", line 70, in wrapped return f(self, node, args, kwargs) File "/usr/share/meson/mesonbuild/interpreter.py", line 62, in wrapped return f(self, node, args, kwargs) File "/usr/share/meson/mesonbuild/interpreter.py", line 1097, in func_import module = importlib.import_module('mesonbuild.modules.' + modname).initialize() File "/usr/lib/python3.5/importlib/__init__.py", line 126, in import_module return _bootstrap._gcd_import(name[level:], package, level) File "<frozen importlib._bootstrap>", line 986, in _gcd_import File "<frozen importlib._bootstrap>", line 969, in _find_and_load File "<frozen importlib._bootstrap>", line 956, in _find_and_load_unlocked ImportError: No module named 'mesonbuild.modules.i18n'
It seems Meson can't get the module you use for translation, as specified in the meson.build
file but I don't know Meson and I don't know how to solve this. Could you help me?
Thanks!
Would it be a good idea to add Travis CI to the to the repository to keep track of builds / pull requests etc?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.